<input type="submit" value="提交" />写一个点击按钮 alert 一下

当点击按钮时，您可以使用以下代码来触发一个简单的弹窗(alert)： ```html <!DOCTYPE html> <html> <head> <script> function showAlert() { alert("按钮被点击了！"); } </script> </head> <body> <input type="submit" value="提交" onclick="showAlert();" /> </body> </html> ``` 在上述代码中，我们定义了一个名为`showAlert()`的JavaScript函数，在函数内部，我们使用`alert()`函数来显示弹窗。然后，我们在按钮的`onclick`属性中调用了`showAlert()`函数，这样当按钮被点击时，弹窗就会出现。请注意，这只是一个简单的示例，您可以根据自己的需求进行进一步的调整和扩展。

<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title></title> </head> <body> <script type="text/javascript"> function getPrice() { alert("getPrice()"); var prices =document.forms["tt"]["price"].value var prices =document.getElementById("price").value; var parr2=prices.split(","); var sum = 0; var len =parr2.length; for(var i=0;i<len;i++){ sum += parseInt(parr2[i]);} document.forms["tt"]["sum"].value=sum; } </script> <tr> <td>请输入5本书的价格，用逗号隔开</td> <br><br><br> <td><input type="text" id="price"/></td> <td><input type="button" value="总计" οnclick="getPrice()"/></td> <td><input type="text" name="sum" value=""/></td> </tr>   </body> </html>

<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>书本价格总和计算器</title> </head> <body> <script type="text/javascript"> function getPrice() { var prices = document.getElementById("price").value; // 获取输入框中的价格值 var parr2 = prices.split(","); // 将字符串按逗号拆分为数组 var sum = 0; var len = parr2.length; for (var i = 0; i < len; i++) { sum += parseFloat(parr2[i]); // 将字符串转为浮点数并累加 } document.getElementById("sum").value = sum.toFixed(2); // 将计算结果写入总价输入框 } </script> <table> <tr> <td>请输入5本书的价格，用逗号隔开：</td> <td><input type="text" id="price"/></td> <td><input type="button" value="总计" onclick="getPrice()"/></td> <td><input type="text" id="sum"/></td> </tr> </table> </body> </html>

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>创建菜单</title> </head> <body> <form action="www.4399.com/" method="post"> 账号 <input type="text" name="yikaishishabi" /> <br /> <br /> 密码 <input type="password" name="123456" /> <br /> <br /> <input type="submit" value="登录" />    <input type="reset" /> </form> </body> </html>帮我优化一下代码

好的，以下是我对这段代码的优化建议： 1. 在表单中添加一个 id 属性，以便在 JavaScript 中更方便地访问它。 2. 在文本框和密码框的前面添加标签，以提高表单的可读性。 3. 在提交按钮和重置按钮之间添加一个空格，以提高按钮的可读性。 4. 将表单的 method 属性设置为 POST，并使用相对路径或绝对路径作为 action 属性的值（不要忘记添加协议部分）。 5. 在表单的结束标签之前添加一个 JavaScript 脚本块，以便在表单提交之前验证用户输入。例如，可以检查用户名和密码是否为空，或者是否符合某些规则。 6. 在表单提交之前，禁用提交按钮，以避免多次提交表单。综上所述，下面是优化后的代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>创建菜单</title> </head> <body> <form id="login-form" action="http://www.4399.com/" method="post"> <label for="username">账号：</label> <input type="text" id="username" name="username" /> <br /> <br /> <label for="password">密码：</label> <input type="password" id="password" name="password" /> <br /> <br /> <input type="submit" value="登录" id="submit-btn" />   <input type="reset" /> </form> <script> var form = document.getElementById('login-form'); var usernameInput = document.getElementById('username'); var passwordInput = document.getElementById('password'); var submitBtn = document.getElementById('submit-btn'); form.addEventListener('submit', function(event) { // 禁用提交按钮 submitBtn.disabled = true; // 检查用户名和密码是否为空 if (usernameInput.value.trim() === '' || passwordInput.value === '') { alert('用户名和密码不能为空！'); event.preventDefault(); submitBtn.disabled = false; } }); </script> </body> </html>

阅读全文

<input type="submit" value="提交" />写一个点击按钮 alert 一下

相关推荐

发送点击按钮消息

php简单防盗链验证实现方法 原创

JS表单提交验证、input（type=number） 去三角 刷新验证码

最新推荐

地级市GDP及产业结构数据-最新.zip

高清艺术文字图标资源，PNG和ICO格式免费下载

管理建模和仿真的文件

DMA技术：绕过CPU实现高效数据传输

SGM8701电压比较器如何在低功耗电池供电系统中实现高效率运作？

mui框架HTML5应用界面组件使用示例教程

"互动学习：行动中的多样性与论文攻读经历"

【数据传输高速公路】：总线系统的深度解析

如何结合PID算法调整PWM信号来优化电机速度控制？请提供实现这一过程的步骤和代码示例。

Vue.js开发利器：chrome-vue-devtools插件解析

php简单防盗链验证实现方法原创

JS表单提交验证、input（type=number）去三角刷新验证码