javascript - 如何禁用表单中的输入按钮?

标签 javascript html

我有这个 HTML 表单:

<head>
<title>log in</title>
</head>
<body>
<form action="login.php" method="POST">
user name : <input type="text" name="user"> <br>
user pass : <input type="password" name="pass"> <br>
<input type="submit" value="submit"> 
</form>
</body>

我想使表单只能通过单击按钮提交 - 而不是通过按 Enter。我该怎么做?

最佳答案

有很多解决方案。这是最简单的一种:

<html>
<head>
    <title>log in</title>
</head>
<body>
    <form action="login.php" method="POST" onsubmit="return false;">
        user name : <input type="text" name="user"> <br>
        user pass : <input type="password" name="pass"> <br>
        <input type="button" value="submit" onclick="this.parentNode.submit();"> 
    </form>
</body>
</html>​​​​​​​​

演示: http://jsfiddle.net/EFDZ2/

关于javascript - 如何禁用表单中的输入按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10774621/

相关文章:

html - 一些 CSS 样式表没有链接到 HTML

javascript - 如何在单击带有 href=# 的链接时停止页面加载?

javascript - 当新的浏览器版本出来时,是否有任何不需要更新的 javascript 库?

javascript - v8涡轮风扇产生的代码

html - 在平板电脑/台式机上而不是在移动设备上制作图像重叠部分

html - 固定定位破坏 z-index

javascript - 无法在 Vue 指令中添加/删除/切换元素类?

javascript - FXSCopyButton 在 IE 中不起作用,如何在 IE 中复制到剪贴板

html - 如何修复 mat-list-item 不占用行的全部空间

javascript - 如何将表单值传递给 ChangePassword.php?