HTML5智能表單是基于HTML5的新一代表單元素，為用戶提供了一種更加直觀、易于操作的表單填寫方式。

<form action="submit.php" method="post" onsubmit="return validateForm()">
<fieldset>
<legend>個(gè)人信息</legend>
<label for="name">姓名：</label>
<input type="text" id="name" required minlength="2" maxlength="20">
<label for="email">郵箱：</label>
<input type="email" id="email" required>
<label for="phone">電話：</label>
<input type="tel" id="phone" pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}">
</fieldset>
<fieldset>
<legend>興趣愛好</legend>
<label><input type="checkbox" name="interests" value="reading">閱讀</label>
<label><input type="checkbox" name="interests" value="swimming">游泳</label>
<label><input type="checkbox" name="interests" value="traveling">旅游</label>
</fieldset>
<input type="submit" value="提交">
</form>

上面的代碼就是一個(gè)簡單的HTML5智能表單，其中包含了姓名、郵箱、電話以及興趣愛好等表單元素，并添加了各種驗(yàn)證規(guī)則。

在姓名、郵箱以及電話輸入框中，我們分別添加了required、minlength、maxlength、pattern等屬性，指定了這些元素的驗(yàn)證規(guī)則。其中required表示該輸入框必填，minlength和maxlength分別表示最小和最大長度，pattern用于指定該輸入框的匹配模式。

興趣愛好這個(gè)部分我們使用了checkbox類型的輸入框，其中name屬性相同的多個(gè)輸入框可選中多個(gè)選項(xiàng)，value屬性用于指定選項(xiàng)的值。

HTML5智能表單的應(yīng)用，使得表單填寫更加方便快捷，并且能夠有效地提高用戶的填寫表單的參與度。