当前位置：主页 > 查看内容

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

发布时间：2021-06-17 00:00| 有 位朋友查看

简介：今天想总结几个很有用的html标签，开发中经常用到，不熟悉的人可能还真不太清楚，分别是： 复制代码 代码如下: readonly、disabled、autocomplete readonly表示此域的值不可修改，仅可与 type=text 配合使用，可复制，可选择,可以接收焦点，后台会接收到传值.……
今天想总结几个很有用的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"/>

原文链接：https://m.jb51.net/web/75884.html
本站部分内容转载于网络，版权归原作者所有，转载之目的在于传播更多优秀技术内容，如有侵权请联系QQ/微信：153890879删除，谢谢！
上一篇：html中frameset标签无法正常显示原因分析及解决 下一篇：没有了

推荐图文

  • 周排行
  • 月排行
  • 总排行

随机推荐