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

html-css09

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函数,函数内容为获取表单提交

3、接着打开浏览器预览效果,在表单内填入内容点击提交:

4、点击提交后,js就会把数据提交到指定位置了。以上就是HTML提交表单的操作: