1. 程式人生 > >使input文本框不可編輯的3種方法

使input文本框不可編輯的3種方法

設置 view 應該 傳值 edi style soft 修改 text

今天試了一下使input文本框不可編輯的3種方法,現在總結一下:

  1. disabled 屬性規定應該禁用 input 元素,被禁用的 input 元素,不可編輯,不可復制,不可選擇,不能接收焦點,後臺也不會接收到傳值。設置後文字的顏色會變成灰色。disabled 屬性無法與 <input type="hidden"> 一起使用。
    示例:<input type="text" disabled="disabled" />

  2. readonly 屬性規定輸入字段為只讀可復制,但是,用戶可以使用Tab鍵切換到該字段,可選擇,可以接收焦點,還可以選中或拷貝其文本。

    後臺會接收到傳值. readonly 屬性可以防止用戶對值進行修改。

    readonly 屬性可與 <input type="text"> 或 <input type="password"> 配合使用。
    示例:<input type="text" readonly="readonly">

  3. readonly unselectable="on" 該屬性跟disable類似,input 元素,不可編輯,不可復制,不可選擇,不能接收焦點,設置後文字的顏色也會變成灰色,但是後臺可以接收到傳值。示例:<input type="text" readonly

    unselectable="on" >(還是菜鳥一枚,寫的不對的地方歡迎指正!)

使input文本框不可編輯的3種方法