对文本框禁止输入怎么实现,有关html禁止文本框输入、css禁止文本框输入的方法。
禁止html文本框输入的常用标签input的几个属性,分别为:readonly、disabled、autocomplete。
一、html禁止input文本框输入
readonly 属性规定输入字段为只读。
只读字段是不能修改的。
可以使用tab键切换到该字段,还可以选中或拷贝其文本。
加入type="text属性的代码:
disabled 属性规定应该禁用 input 元素。
被禁用的 input 元素既不可用,也不可点击,也是不能选择。
可以设置 disabled 属性,直到满足某些其他的条件为止(比如选择了一个复选框等等)。
当然,也可以就需要通过 javascript 来删除disabled值,将input元素的值切换为可用。
加入type="text属性的代码:
二、css屏蔽input不输入:
css代码:
三、autocomplete属性,文本框禁止输入
代码:
autocomplete解释:input 的属性autocomplete 默认为on。
其含义代表是否让浏览器自动记录之前输入的值。
防止浏览器软件或者恶意插件获取到,可以在input中加入autocomplete="off" 来关闭记录,若不让input输入或对系统需要保密,可以使用此参数。