标签类型type可选的值
-
button
此按钮没有默认行为。它可以有与元素事件相关的客户端脚本,当事件出现时可触发。比如Js指定 -
submit
此按钮将表单数据提交给服务器。如果未指定属性,或者属性动态更改为空值或无效值,则此值为默认值。
标签
标签类型type可选的值
button
-
submit
用于提交表单的按钮
上面的基本介绍了,
的
button
,submit
的特性,下面通过实例提交表单测试。
1
表单
表单代码
从左至右三个提交按钮对应的HTML代码如下
测试
表单输入信息如下:
2
点击左一提交按钮
,结果如下:
3
表单输入信息如下:
4
点击中间提交,界面不会发生任何跳转,控制台的Network
也显示并没有向当前的服务器提交任何数据
5
表单输入信息如下:
6
点击右一按钮提交的信息如下:
7
①设定
button
的类型的值为button
提交的数据如下:
8
提交结果如下:
9
② 提交
与
button
的类型的值设置为submit
: 此按钮将表单数据提交给服务器。如果未指定属性,或者属性动态更改为空值或无效值,则此值为默认值。
总结:
1.input
的类型值(type
)为submit
可以点击按钮提交数据,button
的值类型值为submit
或是不设定值得情况下,点击按钮则都会提交表单数据。
- 单独的
按钮
(不提交数据type="button"),在页面对按钮的样式
有更高要求时候使用元素会更加便利。
参考:
MDN-input
MDN-button
版权声明:本文为博主原创文章,未经博主许可不得转载