HTML5表單設計 HTML5標準為表單設計增加了一些新的元素和功能，這些元素和功能使得表單設計更加豐富和實用。下面是一個HTML5表單設計的示例代碼：

<form action="submit.php" method="post">
<fieldset>
<legend>個人信息</legend>
<p>
<label for="name">姓名</label>
<input type="text" id="name" name="name" required>
</p>
<p>
<label for="email">電子郵件</label>
<input type="email" id="email" name="email" required>
</p>
<p>
<label for="phone">電話號碼</label>
<input type="tel" id="phone" name="phone">
</p>
</fieldset>
<fieldset>
<legend>留言內容</legend>
<p>
<label for="subject">主題</label>
<input type="text" id="subject" name="subject" required>
</p>
<p>
<label for="message">留言信息</label>
<textarea id="message" name="message" cols="30" rows="5" required></textarea>
</p>
</fieldset>
<p>
<button type="submit">提交留言</button>
</p>
</form>

解析： 1. form標簽表示一個表單，其中action屬性指定表單提交的目標URL，method屬性指定表單提交的HTTP方法。 2. fieldset標簽表示一個表單字段集合，其中legend標簽用于指定該字段集的標題。在該示例中，我們將表單分為個人信息和留言內容兩個字段集。 3. label標簽用于指定對應輸入框的標簽，for屬性對應的是輸入框的id屬性。這個標簽可以提高表單的可讀性和可訪問性。 4. input標簽用于表示一個輸入框，type屬性可以指定輸入框的類型，如text、email、tel等。name屬性是提交表單時的參數名，id屬性用于與label標簽建立關聯，required表示該項為必填項。 5. textarea標簽用于表示一個多行文本輸入框，cols和rows屬性可以指定其寬度和高度。 6. button標簽用于指定提交表單的按鈕。在該示例中，提交按鈕的按鈕類型為submit。 通過使用HTML5的表單元素和屬性，可以使表單設計更加豐富和實用。