热门：华为支持参数分辨率解决方法控制属性启动升级错误平台推荐步骤模式查询运行空间文件夹鼠标图标重启激活联想检查状态应用程序

禁止input文本框输入实现属性

2023-04-13 05:07:17

禁止input文本框输入实现属性

今天想总结几个很有用的html标签，开发中经常用到，不熟悉的人可能还真不太清楚，分别是： 

复制代码
代码如下:

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"/> 
标签文本框输入属性修改传值

推荐阅读