我有一个这样的表格:
<html>
<body>
<form onSubmit="alert('Just got submitted');">
<p>
Hello: <input class="field" type="text"/><br/>
Goodbye: <input class="field" type="text"/><br/>
</p>
</form>
</body>
</html>
在一个浏览器中快速提交用户按下来自其中一个字段的输入,而在另一个浏览器中则没有.奇怪的是,如果我删除第二个字段,它可以同时工作.
我的问题是 - 是否可以使用没有明确提交元素的表单？我真的很喜欢这种行为.
没有明确提交是糟糕的用户体验.在过去的十年中,您的典型最终用户已经学会了一套网站表单交互原则.也就是说,您可以在字段之间切换,您可以选择许多复选框,并且您只需单击按钮即可实际提交数据.
我曾尝试过使用JavaScript自动更新的表单,我收到了来自用户的无数抱怨.他们想要一个按钮,或者他们不相信它有效.因此,在这种特殊情况下,我保持表单的工作原样,但添加了一个真正没有做任何事情的提交按钮.他们很高兴.
这些天我只用正常的提交按钮构建我的表单.用户不仅期望它,而且它允许在不支持JS的浏览器之间进行更清晰的渐进增强.