HTML5表單是Web應用程序的重要組成部分。它為用戶提供了一種快速、簡單的方式來提交數據和進行交互。與傳統表單相比,HTML5表單具有更強的功能和更多的選項。下面是一個簡單示例,展示了如何創建一個HTML5表單。
<form action="http://www.example.com/submit-form.php" method="post"> <label for="name">姓名:</label> <input type="text" id="name" name="name" placeholder="請輸入您的姓名" required> <label for="email">電子郵件:</label> <input type="email" id="email" name="email" placeholder="請輸入您的電子郵件地址" required> <label for="age">年齡:</label> <input type="number" id="age" name="age" min="18" max="100"> <label for="gender">性別:</label> <select id="gender" name="gender"> <option value="">請選擇</option> <option value="male">男</option> <option value="female">女</option> </select> <label for="interests">興趣愛好:</label> <input type="checkbox" id="music" name="interests" value="music"> <label for="music">音樂</label> <input type="checkbox" id="sports" name="interests" value="sports"> <label for="sports">運動</label> <input type="checkbox" id="reading" name="interests" value="reading"> <label for="reading">閱讀</label> <button type="submit">提交</button> </form>
在這個表單中,我們使用了HTML5的新特性如required、placeholder、email、number等,使表單更簡潔、易于使用。我們還添加了一個submit按鈕,用戶可以點擊它來提交表單到指定的服務端地址。這是一個基本表單的示例,開發人員可以根據需求定制表單的字段、樣式和JavaScript行為。