欢迎来到山村网

html禁止文本框输入

2019-03-28 23:12:01浏览:285 来源:山村网   
核心摘要:禁止文本框输入的几个常用标签input中有几个属性,分别是readonly、disabled、autocomplete,下面还是来看看这几个标签的使用。

禁止文本框输入的几个常用标签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输入或者对系统需要保密的情况下可以使用此参数。

(责任编辑:豆豆)
下一篇:

如何禁止input文本框输入

上一篇:

如何从Html页面中提取所有汉字

  • 信息二维码

    手机看新闻

  • 分享到
打赏
免责声明
• 
本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们 xfptx@outlook.com