表單元素編輯狀態的修改方法 啟用編輯 禁用編輯

2022-05-05 17:27:06 字數 615 閱讀 3965

關於表單元素的編輯狀態,js中可以進行隨意修改其是否可編輯的狀態

一.disabled屬性:

禁用狀態的修改:

1. $("#id").attr("disabled",true);

2. $("#id")[0].disabled="true";

啟用狀態的修改:

$("#id").removeattr("disabled");

二.readonly屬性:

禁用狀態的修改:

1. $("#id").attr("readonly",true);

2. $("#id")[0].readonly="true";

啟用狀態的修改:

$("#id").removeattr("readonly");

disable和readonly的區別:

readonly只針對input(text/password)和textarea有效,而disabled對於所有的表單元素有效,包括select,radio,checkbox,button等

在表單元素使用了disabled後,我們將表單以post或者get的方式提交的話,這個元素的值不會被傳遞出去,而readonly會將該值傳遞出去

注意:注意:注意:

HTML的表單元素

method 提交方式 action url位址 文字 密碼空按鈕 提交重置 複選按鈕 單選隱藏下拉選項1 下拉選項2 語法 說明 多行文字。rows屬性和cols屬性用來設定文字輸入視窗的高度和寬度,單位是字元。阻止瀏覽器對視窗的拖動設定 css屬性 語法 說明 相當於乙個方框,在字段集中可以包含...

如何修改表單元素input裡面提示文字的顏色

我們知道,在css中,一般用color屬性可以修改文字的顏色。不過,當你書寫 這樣一行 時,你會發現字型怎麼樣都不會變紅,那麼怎樣可以讓表單元素裡面的文字變紅呢?複製貼上下面的 到css樣式裡就可解決這個問題,不複製貼上要自己打出來的小夥伴注意第乙個和第三個是雙冒號,第二個和第四個是單冒號哦 inp...

表單元素的操作總結

關於表單元素的各種操作總結,以備日後查閱。input輸入框 testinput name gender title 性別 獲取值 testinput val 設定值 testinput val 男 設定唯讀 testinput attr readonly readonly textarea text...