如何在HTML5中設定最小長度驗證?


有時需要在表單中填寫最少數量的字元。這確保使用者將正確的資料輸入輸入欄位。在本文中,我們將瞭解如何在HTML中設定最小長度驗證。

什麼是最小長度驗證?

在HTML中,minlength是表單元素的input標籤的屬性。form 它設定在輸入欄位中,以確保使用者在表單輸入欄位中至少輸入最少數量的字元。

例如,在為某些網站設定密碼時,需要滿足一些條件,例如混合使用小寫字母、大寫字母、特殊字元和數字。還有一個條件是,您需要輸入至少最少數量的字元。所有這些都是出於安全原因。

在HTML中設定最小長度驗證

在輸入資料時,如果滿足minlength條件並單擊提交按鈕,則表單將提交資料並執行下一個操作。如果未滿足最小長度條件,則在提交表單時,瀏覽器將顯示錯誤,表明使用者未滿足最小長度要求。

語法

<input type="text" minlength="8">

示例

這是一個程式碼示例,以便更好地理解minlength屬性。

<!DOCTYPE>
<html>
<body>
    <form action="/submit" method="post">
        <label>Username (Mix 5 characters):</label>
        <input type="text" minlength="5">
        <br>
        <button type="submit">Submit</button>
    </form>
</body>
</html>

輸出

Tanya Sehgal
Tanya Sehgal

Python和HTML

更新於: 2024年10月11日

25 次瀏覽

啟動您的職業生涯

完成課程獲得認證

開始學習
廣告
© . All rights reserved.