html 文字框(text)不能用写保护的多种多样完成方式

方式1: <input id= "File1" type= "text" disabled/> 不能用
方式2: <input id= "File1" type= "text" readonly/> 写保护
方式3: <input id= "File1" type= "text" style="display:none"/> 掩藏(但占部位)
方式4: <input id= "File1" type= "text" style="visibility:hidden"/> 掩藏(不占部位)

有时,大家期待表单中的文字框是写保护的,让客户不可以改动在其中的信息内容,如使<input type="text" name="input1" value="我国"> 的內容,"我国"两个字不能以改动。完成的方法梳理1下,有以下几种。

方式1: onfocus=this.blur()

拷贝编码
编码以下:

<input type="text" name="input1" value="我国" onfocus=this.blur()>

方式2:readonly

拷贝编码
编码以下:

<input type="text" name="input1" value="我国" readonly>
<input type="text" name="input1" value="我国" readonly="true">

方式3: disabled

拷贝编码
编码以下:

<input type="text" name="input1" value="我国" disabled>