HTML5表單驗證是前端開發中非常重要的一部分，它可以幫助我們控制用戶輸入的數據格式，進而提高網站的安全性。下面來看一個HTML5表單驗證的代碼案例： 首先，我們需要在表單標簽中添加一個“required”屬性，以便確保用戶輸入的內容不為空。另外，也可以添加“minlength”和“maxlength”屬性，限制用戶輸入的字符數。例如：

<form action="#" method="post"><p><label for="username">用戶名: </label><input type="text" id="username" name="username" required minlength="5" maxlength="20"></p><p><label for="password">密碼: </label><input type="password" id="password" name="password" required minlength="6" maxlength="16"></p><p><label for="email">郵箱: </label><input type="email" id="email" name="email" required></p><p><input type="submit" value="提交"></p></form>

上述代碼中，我們為用戶名、密碼和郵箱三個輸入框添加了“required”屬性，確保用戶必須填寫。另外，我們也為用戶名和密碼兩個輸入框添加了“minlength”和“maxlength”屬性，限制了輸入字符的最小值和最大值。 除了上述屬性之外，HTML5表單驗證還提供了其他常用屬性和驗證方式，包括： 1. type="email"：確保用戶輸入的是一個有效的郵件地址。 2. type="url"：確保用戶輸入的是一個有效的URL地址。 3. pattern屬性：可以使用正則表達式來匹配用戶輸入的內容。例如：

<input type="text" id="phone" name="phone" pattern="[0-9]{11}" required>

上述代碼中，我們使用了正則表達式來匹配用戶輸入的手機號碼，確保用戶輸入的是11位數字。 總結：HTML5表單驗證可以有效地控制用戶輸入的數據格式，提高網站的安全性。在實際開發中，我們應該根據業務需求靈活選擇需要使用的屬性和驗證方式。