现在有一个需求,要求input可以显示,但是不能编辑,同时不显示禁止编辑图标
禁止编辑有两种方法:
disabled
<input type="text" name="input1" value="value1" disabled="true">
readonly
<input type="text" name="input1" value="value1" readonly>
<input type="text" name="input1" value="value1" readonly="true">
使用disabled字体颜色会变成灰色,使用readonly字体颜色不变。但是都会显示禁止图标
最后查到使用js方法,在input得到焦点时失去焦点,这样就不能编辑了,而没有改变input的状态
<input type="text" name="input1" value="value1" οnfοcus=this.blur();>