很多時候,有的數據有查看和編輯兩種狀態,在查看狀態下,我們希望表單中的文本框是隻讀的,讓用戶不能修改其中的信息,如使<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:
這雖然很簡單,但有時候很有用!