html禁止input文本框输入多个方法

发布时间:2019-10-29编辑:脚本学堂
有关html表单中禁止input文本框输入的几种方法,用到了文本框属性readonly、disabled、autocomplete等,需要的朋友参考下。

文本框禁止输入怎么实现,有关html禁止文本框输入、css禁止文本框输入的方法。

禁止html文本框输入的常用标签input的几个属性,分别为:readonlydisabled、autocomplete。

一、html禁止input文本框输入
readonly 属性规定输入字段为只读。
只读字段是不能修改的。

可以使用tab键切换到该字段,还可以选中或拷贝其文本。
 

<input readonly="readonly" value="xxxx"/>

加入type="text属性的代码:
 

<input type="text" name="www.xxx" readonly="readonly" />
 

disabled 属性规定应该禁用 input 元素。
被禁用的 input 元素既不可用,也不可点击,也是不能选择。
可以设置 disabled 属性,直到满足某些其他的条件为止(比如选择了一个复选框等等)。

当然,也可以就需要通过 javascript 来删除disabled值,将input元素的值切换为可用。
 

<input disabled="disabled" value="xxxx"/>

加入type="text属性的代码:
 

<input type="text" name="www.xxx.com" disabled="disabled" />

 二、css屏蔽input不输入:
css代码:
 

<input style="ime-mode: disabled">

三、autocomplete属性,文本框禁止输入

代码:
 

<input type="text" autocomplete="off" id="number"/>
 

autocomplete解释:input 的属性autocomplete 默认为on。
其含义代表是否让浏览器自动记录之前输入的值。

防止浏览器软件或者恶意插件获取到,可以在input中加入autocomplete="off" 来关闭记录,若不让input输入或对系统需要保密,可以使用此参数。