input标签加disabled属性后无法获得其value值

在做网站时，由于某些信息不能修改，故使用了input标签的disabled属性，
但是在提交数据后却发现显示为空了。后来一查才知道input设置为disabled值时会有下面的限制：
1、不能接收焦点；
2、使用tab键时将被跳过；
3、可能不是successful的。

解决方法是：可以使用readonly=”readonly”属性代替即可，而input设置为readonly属性也有一些限制：
1、可以接收焦点，但不能被修改；
2、可以使用tab键进行导航；
3、可能是successful的。

因为只有successful的表单元素才是有效的数据，也就是可以进行提交。

PS：disabled和readonly的文本输入框只能通过脚本去进行修改value属性。

input标签加disabled属性后无法获得其value值相关推荐

HTML input标签中disabled属性
HTML 标签的 disabled 属性这是一个不可输入的文本框 <input type="text" name="" disabled="d ...
vue 动态控制input输入框的disabled属性
最近项目上提出一个经常遇到的需求,点击新增时input可输入,点击编辑时input置灰.写下过程,希望能帮助到大家. 1.首先在input上添加disabled属性 2.data中定义isDisabl ...
【input 标签的 type 属性详解】
input 标签的 type 属性详解 1. input 输入标签的 type 属性 1.1 input 标签的 type类型属性的常用属性值 ⑴ 单行文本框: type="text&qu ...
input标签的value属性详解
请结合这篇文章一起看 input 标签的 value 属性的作用是由 input 标签的 type 属性的值决定的当 type 的取值为 button.reset.submit 中的其中一个时,此时 ...
input标签的name属性详解
请结合这篇文章一起看 name 属性规定 input 元素的名称 name 属性用于对提交到服务器后的表单数据进行标识,或者在客户端通过 JavaScript 引用表单数据只有设置了 name 属性 ...
a span等行内元素加margin属性后无效果解决方案
html中经常用margin属性来进行定位的调整,但a,span等行内元素加margin后不发生位移,给这些元素加上display:inline-block后就可解决:而且为行内元素加此属性后既可以像 ...
html中input标签中type属性小总(包含html5新增表单属性)
前言 HTML5新增了许多属性和方法,其中一些就有input标签中 type属性. 有关于input中type的全部可取值如下 1.button 2.text 3.time(会呈现表的形状) 4. ...
input框添加disabled属性
给input框添加disabled属性有以下三种方法方法一:$("#ids").combobox({ disabled: true }) 方法二:$("#ids&quo ...
改HTML5里的input标签的required属性的提示为英文的
原文出处:http://zhidao.baidu.com/link?url=bVzR5uJ0pHchYtnUAbwbjmfKwBi6tF52wjOqWQtyGddJ6ZpGbd4qPM7Q_pfIEs ...

input标签加disabled属性后无法获得其value值

input标签加disabled属性后无法获得其value值相关推荐

最新文章

热门文章