HTML5的出現為網頁開發注入了新的元素和特性,其中之一就是針對表單設計的<input>元素的<size>屬性和<maxlength>屬性。這兩個屬性可以用于控制輸入框的大小和最大字符數,用法如下:
<input type="text" name="username" size="30" maxlength="50">
其中,<size>屬性指定了輸入框在頁面上的大小,單位為字符寬度,比如上述代碼中的輸入框寬度為30個字符。如果沒有設置寬度,瀏覽器會自動根據輸入的內容調整大小。
而<maxlength>屬性則指定了輸入框所能輸入的最大字符數,比如上述代碼中的輸入框最多能輸入50個字符。一旦輸入的字符數達到最大限制,輸入框將不再接受輸入。
需要注意的是,雖然這兩個屬性可以通過CSS樣式控制,但是由于它們是HTML5的特有屬性,因此在使用時應該遵循HTML5的規范,建議使用屬性值寫法而非CSS樣式控制。
上一篇根據圖片來設計css
下一篇html5div間隔代碼