HTML:form表单中的input、button和submit

简述:

在HTML中input buttonbuttoninput 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属性表名该按钮的类型,有以下几个属性值:

  1. submit 该按钮是提交按钮(除了 Internet Explorer,该值是其他浏览器的默认值)。
  2. button 该按钮是可点击的按钮(Internet Explorer 的默认值)。
  3. reset 该按钮是重置按钮(清除表单数据)。

button标签的默认类型是submit点击时可提交表单

测试:
在这里插入图片描述

3、input submit

input submit同input button一样,也是input的一种类型,创建格式:

<form>
    <input type="submit" value="提交">
</form>

只不过submit类型用于提交表单,一般和php联合使用。

测试:
在这里插入图片描述

总结:

  1. 除了以上可以提交表单的方法外,HTML中Enter键也可以进行表单的提交。
  2. 提交的内容时该提交语句所在的一个完整的表单内的所有输入文本,例如:

在这里插入图片描述

  1. 默认的提交方式都是GET提交。

学习整理,若有问题请指出。

  • 9
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值