没有提交按钮的HTML表单提交
[英]HTML form submission with no submit button
问题描述
我有这样的形式：
<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>
在一个浏览器中，用户按下其中一个字段中的Enter键即可愉快地提交，而在另一个浏览器中，则不需要。 奇怪的是，如果我删除第二个字段，则在两个字段中都可以使用。
我的问题确实是-有没有显式Submit元素的表单可以吗？ 我真的很喜欢这种行为。
6 个解决方案
解决方案1
6 2009-03-03 23:10:08
没有明确的提交会降低用户体验。 在过去的十年中，您的典型最终用户已经了解了网站表单交互的一组原则。 即，您可以在字段之间进行制表，可以选择很多复选框，然后单击一个按钮来实际提交数据。
过去，我曾尝试开发可使用JavaScript自动更新的表单，但我收到了无数用户的抱怨。 他们想要一个按钮，或者他们不相信它在起作用。 因此，在这种情况下，我保持了表单原本的状态，但是添加了一个提交按钮，但实际上并没有执行任何操作。 他们很高兴。
这些天，我只是使用正常的提交按钮来构建表单。 用户不仅期望它，而且允许在未启用JS的浏览器之间进行更加整洁的渐进增强。
解决方案2
2 2009-03-03 23:11:21
拥有不包含Submit元素的表单无疑是非常有可能的，尤其是如果您使用JavaScript事件来提交表单。 我强烈建议您使用onkeypress事件来检测是否按下了“ enter”键，而不是依赖浏览器仅接受“ enter”键（如果您创建的表单没有提交内容）以使其跨浏览器兼容。
但是，我认为省略某种提交按钮是一种不好的形式。 （不必一定是“ submit”类型的输入，也可以是“ button”或您单击的图像。）这是一种标准，人们可以通过按钮填写表格，而您正在接受那样，可能会使许多习惯于按钮的用户感到困惑。 通过提供另一种形式的规范，肯定违反了“ 不要让我思考”的原则。
解决方案3
1 2009-03-03 23:10:53
这不是一个好主意。 您自己指出原因-并非在所有浏览器中都起作用。 而且，这不是人们期望的，因此可能会使人们感到困惑。
解决方案4
0 2009-03-03 23:33:14
这取决于您对“确定”的意思。
如果您的意思是有效的（x）html，那完全没问题，但是在用户方面，这是一个可用性问题。 但这也取决于您网站的目标受众。 如果它适合精通技术的人，那就没关系。
您可以这样创建一个输入按钮：
<input type="button" onclick("doSomething()") />
doSomething（）将是Javascript中的一个函数，该函数会将您的表单数据发送到服务器端脚本。 这样，您就不会有提交行为。
解决方案5
0 2009-04-11 04:15:35
另外，我将按钮保留在表单中，但使用javascript（$（'＃submit'）。hide（））隐藏该按钮。 这意味着如果用户已禁用脚本或f.ex。 使用其他设备，他将看到提交表单的默认方式。
解决方案6
-1 2009-03-03 23:33:52
如果要有两个按钮，在提交时会产生两种不同的行为。 你能做的是这样的：
或者您可以将表单提交放在function1（）或function2（）中
html表单提交原因“由于未连接表单而取消了表单提交”
[英]html form submit cause “Form submission canceled because the form is not connected”
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.