1. 程式人生 > >HTML中讓input等文字框不可編輯的方法

HTML中讓input等文字框不可編輯的方法

表單文字框只讀,不可編輯

方法1: onfocus=this.blur() 當滑鼠放不上就離開焦點
<input type="text" name="input1" value="中國" onfocus=this.blur()> 

方法2:readonly 
<input type="text" name="input1" value="中國" readonly="true"> 

方法3: disabled 
<input type="text" name="input1" value="中國" disabled="true">

方法1與方法2效果一樣文字不會變色,也是不可編輯的

方法3此果文字會變成灰色,不可編輯。

注意:有兩種方法第一:disabled="disabled"這樣定義之後被禁用的 input 元素既不可用,也不可點選。第二:readonly="readonly" 只讀欄位是不能修改的。不過,使用者仍然可以使用 tab 鍵切換到該欄位,還可以選中或拷貝其文字