使文本框不可編輯的方法

      很多時候,有的數據有查看和編輯兩種狀態,在查看狀態下,我們希望表單中的文本框是隻讀的,讓用戶不能修改其中的信息,如使<input type="text" name="input1" value="中國"> 的內容,"中國"兩個字不可以修改。實現的方式歸納一下,有兩種。

      方法1: οnfοcus=this.blur()

<input type="text" name="input1" value="中國" οnfοcus=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>

 一下分別是readonly和disabled的效果截圖:

 readonly:

 disabled:

 這雖然很簡單,但有時候很有用!

發佈了88 篇原創文章 · 獲贊 435 · 訪問量 126萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章