代码之家 › 专栏 › 技术社区 › Pointy

当表单有“提交”输入时,从输入(文本)字段点击“输入”

submit forms html javascript

Pointy · 技术社区 · 14 年前

我想弄清楚跟你描述的行为有什么关系 this old question from last year 希望当用户点击“回车”时要提交的表单。事实上,这对我来说是有效的;然而,不起作用的是导致表单中“提交”输入被虚拟点击的怪癖:Firefox和Chrome在发布的参数中包含“提交”输入的名称,而IE没有。换句话说,我希望这种奇怪的提交行为能够发布文本输入字段和提交输入。

这是我的测试页面: http://gutfullofbeer.net/post.html

这是我能编出来的最简单的测试:

<!DOCTYPE html>
<html>
  <body>
    <form name='foo' action='cgi/echoparams.cgi' method='post'>
      <input type='text' name='name' value=''>
      <input type='submit' name='submit_button' value='Submit'>
    </form>
  </body>
</html>

2 回复 | 直到 7 年前

bobince 14 年前

是的,对不起,它不能直接修复。我不知道你以前的工作是什么,但我怀疑可能有额外的投入。(只有当有一个文本输入时,才会出现异常行为。)

由于历史遗留问题围绕着默认提交按钮是否成功,最好不要依赖它。添加隐藏的输入以表示提交,并省略 name 在“提交”按钮上。打开任何提交脚本 form onsubmit 而不是默认按钮。

如果您有用于不同操作的附加提交按钮(例如编辑与删除),则使第一个按钮执行默认操作,并设置为“无名称”,然后添加 名称 / value 替代其他按钮的默认行为的。这些肯定是成功的(并将收到 click

Pointy 12 年前

我只是偶然发现了这种奇怪的行为。在一个例子中,name属性的值和 value

(我用了 <button ...> -标签,但这似乎并不重要。)

经过一段时间的摆弄,我终于找到了解决办法,所以我注册了让你们知道。

name & 价值 <input type="text"> -标签。如果只有一个 <输入type=“text”> 出现在页面中,然后在此输入字段中按enter键 & 价值 按钮的一部分不见了。

单选按钮,复选框,隐藏输入。。。没关系,你需要一点时间 <

推荐文章

mogoli · 从submit React生成元素。js公司

6 年前

user7998549 · 表单操作之前的HTML表单输入控件到php

6 年前

Arebhy Sridaran · 使用php从数组中提取数据

6 年前

Hamza Ali · 在php中使用输入字段将表行数据提交到另一个表

6 年前

Hamed Baziyad sagar pagare · 如何在selenium python中按enter键?

6 年前

umvahed · 指数php打开而不是发送消息

6 年前

Kent · JavaScript代替jQuery表单提交()

6 年前

nschildre · 多实体Symfony2表单提交速度慢

6 年前

sabarish jackson · php 5.4.16中的Isset函数不起作用

6 年前

Markus · 引导:提交表数据

6 年前