input文本框禁止输入的几种方法

发布时间:2020-05-19编辑:脚本学堂
网上有些input文本框禁止输入的,这种形式存在肯定有它的原因,要使input文本框禁止输入,本文介绍三个方法,请您一定看看。



很有用的html标签,常用到的如下:

readonlydisabled、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"/>

以上内容不知有木有给你带来帮助。