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

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

表单提交问题形容:

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

问题起因分析:

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

有效控件概念:

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

案例分析:

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

案例代码及界面如下:

前台html部分

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

后端php部分

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

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

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

后端获取值情况:

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

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

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

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

后端获取值情况:

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

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

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

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

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

后端获取值得情况如下:

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

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

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

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

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

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

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

  • 全部评论(0)
最新发布的资讯信息
【网页前端|HTML】最全面的前端开发指南(2019-07-15 12:57)
【系统环境|数据库】零基础如何快速学好大数据?(2019-06-29 12:27)
【系统环境|Linux】零基础如何学好大数据?必备需要学习知识(2019-06-18 11:54)
【系统环境|】Hadoop环境中管理大数据存储八大技巧(2019-06-15 11:01)
【系统环境|服务器应用】现在国内IT行业是不是程序员过多了?(2019-06-11 06:34)
【系统环境|服务器应用】新贵 Flutter(2) 自己设置 Widget(2019-06-11 06:34)
【系统环境|服务器应用】Android完整知识体系路线(菜鸟-资深-大牛必进之路)(2019-06-11 06:34)
【系统环境|服务器应用】Java程序员小伙经历三个月备战,终获阿里offer(2019-06-11 06:34)
【系统环境|服务器应用】每日一问:谈谈对 MeasureSpec 的了解(2019-06-11 06:34)
【系统环境|服务器应用】【科普】晶体管-1(2019-06-11 06:34)
手机二维码手机访问领取大礼包
返回顶部