首頁 > web前端 > html教學 > HTML除了maxlength如何限制長度

HTML除了maxlength如何限制長度

醉折花枝作酒筹
發布: 2023-01-06 11:16:39
原創
3486 人瀏覽過

限制長度的方法:1.可以使用size屬性,語法格式為「<input size="value">」;2、可使用「width」屬性,語法格式為「<input width="pixels|%">」。

HTML除了maxlength如何限制長度

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

size屬性

規定輸入欄位的寬度。

對於 and ,size 屬性定義的是可見的字元數。而對於其他類型,size 屬性定義的是以像素為單位的輸入欄位寬度。

由於 size 屬性是一個視覺化的設計屬性,我們推薦您使用 CSS 來取代它。

語法:

<input size="value">
登入後複製

width 屬性

只適用於 ,它規定 image input 的寬度。

提示:為圖片指定高度和寬度是一個好習慣。如果設定了這些屬性,當頁面載入時會為圖片預留需要的空間。而如果沒有這些屬性,瀏覽器就無法了解影像的尺寸,也就無法為其預留合適的空間。情況是當頁面和圖片載入時,頁面佈局會改變。

語法:

<input width="pixels|%">
登入後複製

size和width限制的是輸入框顯示長度,但是不限制輸入長度,一直可以輸入字元,,當輸入的字元長度(數量)超過超過允許顯示的長度時,超出部分會被輸入框遮蓋,而不是截斷,你可以按左右鍵(← →)來滾動查看被遮蓋部分的字串。

擴充資料:

maxlength 屬性規定輸入欄位的最大長度,以字元數計。

maxlength 屬性與 搭配使用。

<input maxlength="value">
登入後複製

推薦學習:html影片教學

#

以上是HTML除了maxlength如何限制長度的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板