讓表單input等文字框為只讀不可編輯的方法
阿新 • • 發佈:2018-11-05
一、disabled 屬性
二、readonly 屬性
三、readonly unselectable="on" 屬性
-
一、disabled 屬性
- disabled 屬性規定應該禁用 input 元素,被禁用的 input 元素,不可編輯,不可複製,不可選擇,不能接收焦點,後臺也不會接收到傳值。設定後文字的顏色會變成灰色。
- disabled 屬性無法與 <input type="hidden"> 一起使用。
- 示例:<input type="text" disabled="disabled" />
-
二、readonly 屬性
- readonly 屬性規定輸入欄位為只讀可複製,但是,使用者可以使用Tab鍵切換到該欄位,可選擇,可以接收焦點,還可以選中或拷貝其文字。後臺會接收到傳值. readonly 屬性可以防止使用者對值進行修改。
- readonly 屬性可與 <input type="text"> 或 <input type="password"> 配合使用。
- 示例:<input type="text" readonly="readonly">
-
三、readonly unselectable="on" 屬性
- readonly unselectable="on" 該屬性跟disable類似
- 示例:<input type="text" readonly unselectable="on" >