html中input標籤唯讀屬性和內容改變事件監聽

2021-08-08 03:14:46 字數 356 閱讀 4823

以前將input設定為不能更改會下意識使用disable屬性,乾脆利落,殊不知disable過於徹底,直接將其修飾的元件廢除,當input處在form下,表單提交時需要傳遞input中的value,此時發現伺服器報400錯誤——缺少引數——原來input被disable之後,失去所有職能,form提交時也無法傳遞它的value。

所以,以後設定唯讀應該用原配方法——設定readonly="true"。

此外,想要實時監聽input內容改變,如果使用onchange屬性,輸入內容之後必須點一下元件外的空白,使元件失去焦點,onchange事件才會生效,沒有實時監聽的效果。

想達到實時的目的,使用οninput="function()",才是正確選擇。

HTML中的input標籤

input標籤的type取值 text 單行文字框 取值為 text value 預設值 size 長度 maxlength 最多可以輸入的字元數 password 密碼文字框 value 預設值 size 長度 maxlength 最多可以輸入的字元數 radio單選框 name表示所在的組名 v...

Struts2標籤 checkbox唯讀屬性設定

在struts2的checkbox標籤中,為實現唯讀效果,一般使用readonly true 是達不到效果的,但設定disabled true 又會導致該表單屬性值不會被提交,解決方式 onclick return false 當需要設定唯讀效果的checkbox標籤過多時,也可使用指定class ...

HTML中input標籤對齊問題

今天在練習的時候遇到了一點小問題,稍作記錄希望下次遇到可以有點印象。簡單說明一下就是要編寫乙個搜尋框,搜尋框分為兩塊,一塊是左邊的文字框s text,一塊是右邊的搜尋按鈕s button,具體的html 如下 class searchbox class s text type text value ...