HTML,如何按回车提交表单?

HTML,如何按回车提交表单?,第1张

默认情况下,单个输入框,无论按钮的type="submit"还是type="button"类型,回车即提交。

当type="submit"时,无论有几个type="text"输入框,回车均表示提交。(<button>按钮默认的type为submit)

当type="button"时,且存在多个输入框,回车不提交。(button)

解决方案:

1.解决单个输入框的回车即提交问题,可以增加一个隐藏的input="text"display='none'然后type类型为button。

2.在form表单或input中加入:onkeydown="if(event.keyCode==13){returnfalse}"

方法和详细的 *** 作步骤如下:

1、第一步,打开Dreamweaver编辑器,准备一个空白html文件并编写基本html结构,见下图转到下面的步骤。

2、第二步,执行完上面的 *** 作之后,创建一个表单,在表单中设置年龄和名称这两个属性,然后创建一个提交按钮,见下图,转到下面的步骤。

3、第三步,执行完上面的 *** 作之后,在上方设置script标签并在其中创建js函数来获取表单提交,见下图,转到下面的步骤。

4、第四步,执行完上面的 *** 作之后,打开浏览器预览效果,在表单中填写内容,然后单击提交,见下图,转到下面的步骤。

5、第五步,执行完上面的 *** 作之后,js会将数据提交到指定位置,见下图。这样,就解决了这个问题了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7029201.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-31
下一篇 2023-03-31

发表评论

登录后才能评论

评论列表(0条)

保存