input禁止输入的4种方法

方法1、readonly

登录后复制

<input type="text" value="哈哈哈" readonly="readonly"> //使用readonly，字段为只读可复制

• 1.

方法2、disabled

登录后复制

<input type="text" value="哈哈哈" disabled="disabled"> //只读不可复制，无法选择， 文字会变成灰色

• 1.

方法3、max length = “0”

登录后复制

<input type="text"  maxlength="0">

• 1.

方法4、this.blur()

登录后复制

<input type="text" value="哈哈哈" onfocus="this.blur();">

• 1.

使用以上方法可禁止前端用户输入或编辑。

作者：Alone°李道长ご

原创作者: u_16886903 转载于: https://blog.51cto.com/u_16886903/11529309