表单提交需要注意的一些特殊情况

简介:

下面介绍一下表单提交需要注意的一些情况,否则可能会给自己活着用户造成一些困扰。

一.表单中只有一个输入框,回车就会提交表单:

1
2
3
4
< form action = "#" method = "post" name = "myform" >
   < input type = "text" name = "name" >
   < input type = "hidden" name = "state" >
</ form >

如果表单中只有一个文本框,那么点击回车就会提交表单。

二.如果button按钮不为其指定type类型,那么默认是submit类型:

1
2
3
4
< form action = "#" method = "post" name = "myform" >
   < input type = "text" name = "name" >
   < button id = "bt" >按钮</ button >
</ form >

上面的按钮也许我们只是将其作为一个普通按钮,但是如果不规定type的话,点击按钮就会提交表单。

三.如果按钮的type值为image,那么点击也会提交按钮:

1
2
3
4
< form action = "#" method = "post" name = "myform" >
   < input type = "text" name = "name" >
   < input type = "image" name = "name" value = "提交" >
</ form >



原文发布时间为:2017-3-3

本文作者:admin

本文来自云栖社区合作伙伴“蚂蚁部落”,了解相关信息可以关注蚂蚁部落

原文链接:表单提交需要注意的一些特殊情况

相关文章
|
7月前
|
JavaScript 前端开发
事件绑定(onsubmit)表单提交
事件绑定(onsubmit)表单提交
57 0
|
小程序 API
form表单组件
form表单组件
180 0
|
存储 JSON 前端开发
|
JSON 前端开发 JavaScript
表单提交类型
关于提交表单的属性
106 0
表单提交错误
当需要将表单提交的时候,附加的信息不应放在提交的跳转地址,而是应该使用隐藏域去附加信息
表单提交错误
form表单只提交数据而不进行页面跳转的原因
form表单只提交数据而不进行页面跳转的原因
306 0
form表单只提交数据而不进行页面跳转的原因
|
JavaScript
槽糕,layui表单提交俩次
槽糕,layui表单提交俩次
232 0
槽糕,layui表单提交俩次
|
JSON 前端开发 数据格式
如何优雅的获取Form表单数据?
如何优雅的获取Form表单数据?
如何优雅的获取Form表单数据?
|
存储 JavaScript 前端开发
通过表单隐藏域向后台传值
通过表单隐藏域向后台传值
669 0
通过表单隐藏域向后台传值