1. 程式人生 > >AngularJS進階(三)HTML:讓表單、文字框只讀,不可編輯的方法

AngularJS進階(三)HTML:讓表單、文字框只讀,不可編輯的方法

也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!

HTML:讓表單、文字框只讀,不可編輯的方法

有時候,我們希望表單中的文字框是隻讀的,讓使用者不能修改其中的資訊,如使<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>

很簡單,但有時候很有用!

這裡寫圖片描述