css禁止input文本框输入实现的属性有哪些

这篇文章将为大家详细讲解有关css禁止input文本框输入实现的属性有哪些，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

成都创新互联公司为企业级客户提高一站式互联网+设计服务，主要包括网站设计、成都网站设计、重庆App定制开发、小程序设计、宣传片制作、LOGO设计等，帮助客户快速提升营销能力和企业形象，创新互联各部门都有经验丰富的经验，可以确保每一个作品的质量和创作周期，同时每年都有很多新员工加入，为我们带来大量新的创意。 

今天想总结几个很有用的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"/> 

关于“css禁止input文本框输入实现的属性有哪些”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。

网页标题：css禁止input文本框输入实现的属性有哪些
分享链接：https://www.cdcxhl.com/article10/jeopgo.html

成都网站建设公司_创新互联，为您提供服务器托管、域名注册、网站改版、软件开发、自适应网站、小程序开发

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联