form表单提交 细节 之什么是有效控件?

  • 时间:2018-06-16 23:04 作者:php程序员627 来源:php程序员627 阅读:157
  • 扫一扫,手机访问
摘要:表单提交问题形容:在提交表单时,文本框内有值存在,通过js可以获取,但表单提交后,后端获取不到对应值.问题起因分析:表单提交时,只有 有效控件 的值会被提交到后端,非有效控件的值,不会提交有效控件概念:有效控件是指,浏览器为实现表单数据的有效传输,实现规定好的,可以够提交数据的控件的状态案例分析:为

表单提交问题形容:

在提交表单时,文本框内有值存在,通过js可以获取,但表单提交后,后端获取不到对应值.

问题起因分析:

表单提交时,只有 有效控件 的值会被提交到后端,非有效控件的值,不会提交

有效控件概念:

有效控件是指,浏览器为实现表单数据的有效传输,实现规定好的,可以够提交数据的控件的状态

案例分析:

为了保证案例的简洁性,这里只分析,非有效控件,除非有效控件外,其他均为有效控件 (不含文件上传部分)

案例代码及界面如下:

前台html部分

form表单提交 细节 之什么是有效控件?

后端php部分

form表单提交 细节 之什么是有效控件?

(1)正常情况下表单提交(即表单中所有控件的值均为非空状态)

form表单提交 细节 之什么是有效控件?

后端获取值情况:

form表单提交 细节 之什么是有效控件?

结论: 在所有控件都非空的情况下,后端是能获取所有控件的值,也就是,在非空状态下,所有的控件都是有效控件

(2)全空状态下,控件状态

form表单提交 细节 之什么是有效控件?

后端获取值情况:

form表单提交 细节 之什么是有效控件?

能看到,文本框,密码框,下拉框 文本域是能获取值的,只有下拉框把第一个option作为默认值

结论:在全空状态下,单选按钮 和多选按钮 是非有效控件

(3)把所有按钮禁使用后,控件状态

form表单提交 细节 之什么是有效控件?

后端获取值得情况如下:

form表单提交 细节 之什么是有效控件?

能看到,在禁使用状态下,所有的控件都是无效的

结论:禁使用控件是无效控件,是无法向后端提交数据的(这点很重要,)

(4)把控件设置为只读属性后,

因为只读属性,只有部分标签支持,在后端都能获取值,也就是对控件的有效性是没有影响的,这里就不附加图片了

总结: 控件状态为空的情况下,只有单选框 和多选框为无效控件 在禁使用状态下,所有的控件都是无效控件,其余情况均为有效控件状态,

结语:以上都是个人学习的总结,若有不全或者错误之处,欢迎评论之处,交流学习!!

  • 全部评论(0)
最新发布的资讯信息
【系统环境|】2019蚂蚁金服面试总结(Java方向)(2019-04-18 16:19)
【系统环境|】notepad++ 三位数字正则替换规则(2019-04-12 23:02)
【系统环境|服务器应用】网络工程师跨交换机的Vlan配置与管理知识(2019-03-26 02:14)
【系统环境|服务器应用】最小化的定制版linux系统:CoreOS(2019-03-26 02:14)
【系统环境|服务器应用】分布式系统面试题:分布式事务处理方案?(2019-03-26 02:13)
【系统环境|服务器应用】带着网关去旅行(系列二):防止vps上ssh端口被恶意扫描(2019-03-26 02:13)
【系统环境|服务器应用】美团iOS面试总结(2019-03-26 02:13)
【系统环境|服务器应用】百度iOS面试总结(2019-03-26 02:13)
【系统环境|服务器应用】Java大佬之学习历程(三)(2019-03-26 02:13)
【系统环境|服务器应用】Android面试集锦系列(38)——在项目中使用AsyncTask会有什么问题吗?(2019-03-26 02:13)
手机二维码手机访问领取大礼包
返回顶部