温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

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

发布时间:2022-03-03 11:49:09 来源:亿速云 阅读:207 作者:小新 栏目:web开发

这篇文章将为大家详细讲解有关css禁止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"/> 

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

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI