HTML中让表单input等文字框为写保护不能编写的方

有时,大家期待表单中的文字框是写保护的,让客户不可以改动在其中的信息内容,如使<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="true">

详细的事例:

<input name="ly_qq" type="text" tabindex="2" onMouseOver="this.className='input_1'" onMouseOut="this.className='input_2'" value="123456789" disabled="true" readOnly="true" />

disabled="true" 此果文本会变为灰色,不能编写。
readOnly="true" 文本不容易变色,也是不能编写的

css屏蔽键入:<input style="ime-mode: disabled">

有两种方式第1:disabled="disabled"这样界定以后被禁用的 input 元素既不能用,也不能点一下。第2:readonly="readonly" 写保护字段是不可以改动的。但是,客户依然可使用 tab 键切换到该字段,还能够选定或复制其文字;