input的幾種禁用方法

2021-09-19 03:44:24 字數 403 閱讀 6665

disabled 屬性規定應該禁用 input 元素,被禁用的 input 元素,不可編輯,不可複製,不可選擇,不能接收焦點,後台也不會接收到傳值。設定後文字的顏色會變成灰色。disabled 屬性無法與 一起使用。

示例:readonly 屬性規定輸入欄位為唯讀可複製,但是,使用者可以使用tab鍵切換到該字段,可選擇,可以接收焦點,還可以選中或拷貝其文字。後台會接收到傳值. readonly 屬性可以防止使用者對值進行修改。

readonly 屬性可與 或 配合使用。

示例:readonly unselectable="on" 該屬性跟disable類似,input 元素,不可編輯,不可複製,不可選擇,不能接收焦點,設定後文字的顏色也會變成灰色,但是後台可以接收到傳值。示例:(還是菜鳥一枚,寫的不對的地方歡迎指正!)

原文複製:

給禁用的input標籤賦值

input標籤大家都知道,是可以自己輸入值的,但有些時候,需要把input標籤禁用,就不能自己輸入值了,還要動態的給它賦值,這個效果在做專案中也是會遇到的,專案有這個需求,我們就需要實現它。下面就來看看如何給禁用的input標籤賦值。1 話不多說,先簡單把頁面搭建好。如下圖所示 可以看到就是簡單的兩...

input輸入的幾種限制

有時需要限制文字框輸入內容的型別,本節分享下正規表示式限制文字框只能輸入數字 小數點 英文本母 漢字等 例如,輸入大於0的正整數 如下 1,文字框只能輸入數字 小數點也不能輸入 如下 2,只能輸入數字,能輸小數點.如下 3,數字和小數點方法二 如下 封裝成單獨的函式 如下 function keyp...

筆記 input 不可編輯的幾種方法

disabled 屬性規定應該禁用 input 元素,被禁用的 input 元素,不可編輯,不可複製,不可選擇,不能接收焦點,後台也不會接收到傳值。設定後文字的顏色會變成灰色。disabled 屬性無法與 一起使用。示例 readonly 屬性規定輸入欄位為唯讀可複製,但是,使用者可以使用tab鍵切...