简述:
在HTML中input button
、button
和input submit
三种方法都可以显示一个操作按钮,语句如下:
input button:<input type="button" value="按钮">
<br>
button(默认):<button>按钮</button>
<br>
button(button):<button type="button">按钮</button>
<br>
input submit:<input name="aa" type="submit" value="提交">
执行效果:
但是三中方法的创建结果在实际点击中略有差异,下面将分别讨论。
详解:
1、input button
input button实际是form表单中input标签中的一种标签类型,创建格式:
<form>
<input type="button" value="按钮">
</form>
它仅仅生成一个可用于点击的按钮标签,在点击时不进行任何提交操作。
代码及提交测试:
没有进行任何提交,这就是单纯在没有添加onclick事件的监听时的input button按钮。
2、button
button是一个单独的标签,它和input button书写的不同就在于button有闭合标签,因此内部可以输入消息,创建格式:
<button type="">按钮</button>
其中,type属性表名该按钮的类型,有以下几个属性值:
submit
该按钮是提交按钮(除了 Internet Explorer,该值是其他浏览器的默认值)。button
该按钮是可点击的按钮(Internet Explorer 的默认值)。reset
该按钮是重置按钮(清除表单数据)。
button标签的默认类型是submit
,点击时可提交表单。
测试:
3、input submit
input submit同input button一样,也是input的一种类型,创建格式:
<form>
<input type="submit" value="提交">
</form>
只不过submit类型用于提交表单,一般和php联合使用。
测试:
总结:
- 除了以上可以提交表单的方法外,HTML中
Enter
键也可以进行表单的提交。 - 提交的内容时该提交语句所在的一个完整的表单内的所有输入文本,例如:
- 默认的提交方式都是
GET
提交。
学习整理,若有问题请指出。