一般有2種方法使input文本框不可編輯:
- disabled 屬性規定應該禁用 input 元素被禁用的 input 元素既不可用,也不可點選。可以設定 disabled 屬性,直到滿足某些其他的條件為止(比如選擇了一個複選框等等)。然後,就需要通過 JavaScript 來删除 disabled 值,将 input 元素的值切換為可用。disabled 屬性無法與 <input type="hidden"> 一起使用。<input type="text" disabled="disabled" />
-
readonly 屬性規定輸入字段為隻讀隻讀字段是不能修改的。不過,使用者仍然可以使用 tab 鍵切換到該字段,還可以選中或拷貝其文本。
readonly 屬性可以防止使用者對值進行修改,直到滿足某些條件為止(比如選中了一個複選框)。然後,需要使用 JavaScript 消除 readonly 值,将輸入字段切換到可編輯狀态。
readonly 屬性可與 <input type="text"> 或 <input type="password"> 配合使用。<input type="text" readonly="readonly">