一、问题描述
使用readonly使type=text或type = password的input禁止输入,在谷歌中无光标,且不可输入;在火狐、IE下有光标,且不可输入。
二、问题截图
<input type="text" readonly="readonly">
谷歌
火狐
IE
结论:IE、火狐下使用readonly属性,尽管可以禁止输入,但是会出现光标。大大减少了用户的易用性;
三、解决方案
<input type="text" readonly="readonly" unselectable="on" onfocus="this.blur()">