您的位置:首頁>正文

HTML下min/maxlength屬性實例講解

min/maxlength

minlength屬性和maxlength屬性用來指定文字方塊或 textarea 中, 允許輸入的最少字元數和最大字元數。 一個漢字被看作一個字元。 如, 在以下文字方塊中, 用戶最少要輸入 5 個字元, 最多可輸入 10 個字元:

用戶名:

當使用者輸入的字元數超過 maxlength 時, 流覽器會阻止用戶繼續輸入。 在提交表單時, 當使用者輸入的字元數不在 minlength 和maxlength 的範圍內, 流覽器會阻止提交表單。 運行結果如圖 3‑34 所示:

圖3-34 限制輸入字元數

需要注意的是, 老IE對 textarea 元素的 maxlength屬性支援不太好, 當使用者輸入的字元數超過 maxlength 時, 它並不阻止用戶繼續輸入。 這個可以通過少量的Javascript代碼即可解決。

代碼如下:

上述代碼通過監控鍵盤事件, 並獲取使用者已經輸入的字元數, 當使用者輸入的字元數超過 maxlength 時, 便阻止用戶繼續輸入, 來控制使用者輸入的字元數。

同類文章
Next Article
喜欢就按个赞吧!!!
点击关闭提示