有時候,我們希望表單中的文本框是只讀的,讓用戶不能修改其中的信息,如使<input type=text name=input1 value=中國> 的內容,中國兩個字不可以修改。實現的方式歸納一下,有如下幾種。
方法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>
有兩種方法第一:disabled=disabled這樣定義之後被禁用的input 元素既不可用,也不可點擊。第二:readonly=readonly 只讀字段是不能修改的。不過,用戶仍然可以使用tab 鍵切換到該字段,還可以選中或拷貝其文本;