<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> <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>

<!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>

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

相关推荐

html表单<form></form>

JavaWeb实验报告.doc

利用JS提交表单的几种方法和验证(必看篇)

<input type="submit" value="Login"> 点击弹出提示

<input type="submit" value="提交">怎么添加onclick

最新推荐

zigbee-cluster-library-specification

管理建模和仿真的文件

实现实时数据湖架构：Kafka与Hive集成

用 Python 画一个可以动的爱心

JSBSim Reference Manual

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

实现实时监控告警系统：Kafka与Grafana整合

c++校园超市商品信息管理系统课程设计说明书(含源代码) (2).pdf

关系数据表示学习