input中的disabled 和 readonly的区别

标签：输入框   移动端   disabled   导致   键盘   input   属性   灰色   默认   

对于input框，设置readonly后，输入框不能编辑，但是可以触发获取焦点，所以导致在移动端，点击输入框时会出现键盘的顶部。应该设置disabled属性

设置disabled属性后，input不会被触发获取焦点，不会出现上面问题。

另外设置disabled后，输入框会变灰色，可以通过样式重设，改变样式。

//要设置透明度，因为disabled会默认有一个opacity

input[disabled]{

color:#111;

opacity:1.0   

}

input中的disabled 和 readonly的区别

标签：输入框   移动端   disabled   导致   键盘   input   属性   灰色   默认   

原文地址：https://www.cnblogs.com/lydialee/p/9269911.html