html form表单input使用disabled后提交不能获取表单值的解决方法
form表单输入框input设置disable属性提交后,得不到该输入框的值,解决该类问题可以参考下面两个方法:
方法一:
使用readonly带替代disabled,即把
disabled="disabled"
修改为
readonly="readonly"
二者区别:
disabled不能接收焦点,使用tab键时将被跳过,可能不是successful的;
readonly可以接收焦点但不能被修改,可以使用tab键进行导航,可能是successful的。
注:只有successful的表单元素才是有效数据,即是进行提交后可以获取值。disabled和readonly的文本输入框只能通过脚本进行修改value属性。
方法二:
使用一个type=hidden隐藏要获取值的input,再使用disabled显示给用户看的input
<input type="hidden" name="url" value="http://www.neirong.org"/> <input type="text" value="http://www.neirong.org" disabled="disabled"/>
总结
以上所述是小编给大家介绍的html form表单input使用disabled后提交不能获取表单值的解决方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!
上一篇:详解 html area标签
栏 目:CSS/HTML
本文标题:html form表单input使用disabled后提交不能获取表单值的解决方法
本文地址:https://www.xiuzhanwang.com/a1/CSS_HTML/9506.html
您可能感兴趣的文章
- 04-02表格样式css样式,css样式表单
- 04-02好看的字体样式css,好看的字体样式图片
- 04-02html中加入css样式的简单介绍
- 01-10通过html为FLASH加链接的实现代码(div层)
- 01-10IE浏览器HTML Hack标签总结
- 01-10html用style添加属性示例
- 01-10HTML中rel属性分析
- 01-10HTML元素设置焦点的方法
- 01-10在html文件里include文件内容的方法小结
- 01-10常用HTML meta 标签属性(网站兼容与优化需要)
阅读排行
本栏相关
- 04-02表格样式css样式,css样式表单
- 04-02好看的字体样式css,好看的字体样式图
- 04-02分页样式css,分页样式jq
- 04-02分页样式css,分页样式栏里用来定义首
- 04-02css样式的引入,css样式怎么引入
- 04-02css滚动条样式,css滚动条的样式
- 04-02css样式引入方式有几种,网页引入css样
- 04-02html中加入css样式的简单介绍
- 04-02vue中的css样式布局,vue添加css样式
- 04-02内嵌样式css,内嵌样式表,内部样式表
随机阅读
- 08-05DEDECMS点击主栏目默认显示第一个子栏
- 08-05dedecms织梦模板全站调用收藏数的方法
- 01-10vue实现分页加载效果
- 08-05织梦dedecms首页调用缩略图为背景
- 08-05dedecms织梦模板编辑文档的同时自动更
- 01-10C++实现将数组中的值反转
- 01-10bat批处理彻底隐藏文件的方法(使用
- 01-11常用的HTML富文本编译器UEditor、CKEdi
- 01-10C语言打印杨辉三角示例汇总
- 01-10C++ 类访问控制的条件总结