input中的disabled 和 readonly的区别

Posted 2020-12-02 lydialee

 

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

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

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

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

input[disabled]{

color:#111;

opacity:1.0   

}