『前端』：禁止用户修改html文本框的几种方法

版权声明：本文为BUG先生原创文章，可任意转载，愿请附上本文链接，谢谢。 https://blog.csdn.net/Edogawa_Konan/article/details/81605892

方法一：设置readonly属性为true。

<input type="text" value="readonly" readonly>

方法二：设置disabled属性为true。

<input type="text" value="disabled" disabled>

提示：readonly和disabled的区别在于后者完全禁止与设置该属性的对象交互(表现为不可改写、不可提交等)。

方法三：在对象focus时立刻让它blur，使它无法获得焦点。

<input type="text" onfocus="this.blur()">

解释：focus 是焦点事件，前面加 on 则表示在这个事件发生的时候同时执行等号后面的语句， “this.blur();” 就是让对象失去焦点的意思。总结就是：在对象获得焦点的同时使其失去焦点。开发中就是使设备不能通过焦点事件触发其辅助功能，比如说手机的数字键盘弹出。