防范input文本框输入_html防范文本框输入

在进行程序代码编写的时候，都会遇到各种各样的问题。假如需要对文本实现禁止输入的代码编写，那么该如何实现呢？下面就让本站来教大家如何禁止input文本框输入的代码编写。其中就包括html禁止文本框输入及css禁止文本框输入，下面就一起来看看。

禁止文本框输入的几个常用标签input中有几个属性，分别是readonly、disabled、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输入或者对系统需要保密的情况下可以使用此参数。

如果还有疑问可以反馈的本站，或者去参考本站的html、div+css及w3c的html教程，希望能帮到你。