HTML5是一種用于創建網頁和應用程序的標準。在HTML5中，表單是網站和Web應用程序中非常重要的組成部分。表單被用來收集用戶的輸入信息，并將其發送到服務器，以便進行處理并作出相應的響應。在本文中，我們將介紹如何使用HTML5表單設計代碼。 HTML5表單的基礎部分包括表單元素、輸入類型、屬性和事件等。表單元素包括輸入框、下拉框、單選框、復選框等。輸入類型包括文本、密碼、日期、時間、數字等。屬性包括placeholder、required、pattern等。事件包括onsubmit、onchange等。 接下來，我們將介紹HTML5表單中常用的代碼，并使用pre標簽展示代碼示例： 1.輸入框示例

<form action="action_page.php">
First name:<br>
<input type="text" name="firstname"<br>
Last name:<br>
<input type="text" name="lastname"<br>
</form>

2.下拉框示例

<form>
<label for="cars">Choose a car:</label>
<select id="cars" name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
</form>

3.單選框和復選框示例

<form>
<input type="radio" id="male" name="gender" value="male">
<label for="male">Male</label><br>
<input type="radio" id="female" name="gender" value="female">
<label for="female">Female</label><br>
<input type="checkbox" id="vehicle1" name="vehicle1" value="Bike">
<label for="vehicle1"> I have a bike</label><br>
<input type="checkbox" id="vehicle2" name="vehicle2" value="Car">
<label for="vehicle2"> I have a car</label><br>
</form>

4.提交按鈕示例

<form>
<input type="text" name="name"><br>
<input type="submit" value="Submit">
</form>

HTML5表單設計代碼非常簡單易學，但同時也需要一定的練習和經驗。除以上示例，還有許多其他類型的表單輸入元素等待您發掘。掌握基本的HTML5表單設計代碼將有助于您構建更具交互性、友好性的網站和應用程序。