禁止文本框输入

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/HandSome_He/article/details/81808900

代码如下:

readonly、disabled、autocomplete

readonly表示此域的值不可修改，仅可与 type="text" 配合使用，可复制，可选择,可以接收焦点，后台会接收到传值.
 

代码如下:

<input type="text" name="www.xxx" readonly="readonly" />

disabled表示禁用input元素，不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值
 

代码如下:

<input type="text" name="www.xxx.com" disabled="disabled" />

另外可以通过css屏蔽输入法：<input style="ime-mode: disabled">
最后介绍一个常用的标签，浏览器通常会记录input输入框的记录，所以你在输入的时候，经常会下拉很多内容，如下图：
如果你想去掉的话，最好加上autocomplete="off"，使用方法如下：autocomplete="off"

代码如下:

<input type="text" autocomplete="off" id="number"/>