input的隐藏，禁止输入的几种方法

input的隐藏，禁止输入的几种方法

隐藏input的三种方法和区别

方法1、type="hidden"

<input type="hidden" />

方法2、style="display:none"

<input type="text" style="display:none" />

方法1，2可以实现不留痕迹的隐藏。

方法3、style="visibility: hidden;"

<input type="text" style="visibility: hidden;" />

方法3，可以实现占位隐藏（会留下空白而不显示）

input禁止输入的4种方法

方法1、readonly，字段为只读可复制

<input type="text" value="哈哈哈" readonly="readonly"> 

方法2、disabled,只读不可复制，无法选择，文字会变成灰色

<input type="text" value="哈哈哈" disabled="disabled"> 

方法3、max length = “0”

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

方法4、this.blur()

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

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