HTML5是當前最新的HTML標準,它的智能表單功能提供了更好的用戶體驗。智能表單可以根據用戶輸入自動驗證數據、自動提示輸入內容、自動填充表單、自動調用本地設備等功能。下面是一個HTML5智能表單的示例代碼:
<form><label>姓名:</label><input type="text" name="name" required>
<label>郵箱:</label><input type="email" name="email" autocomplete="on">
<label>密碼:</label><input type="password" name="password">
<label>生日:</label><input type="date" name="birthday">
<label>性別:</label><input type="radio" name="gender" value="male">男 <input type="radio" name="gender" value="female">女
<label>國籍:</label><select name="country"><option value="">請選擇</option><option value="China">中國</option><option value="USA">美國</option><option value="UK">英國</option></select>
<label>附件:</label><input type="file" name="attachment">
<button type="submit">提交</button></form>
上面的代碼中使用了HTML5提供的各種表單元素。其中,name屬性是必需的,用于標識表單元素,其他元素會以該屬性值作為鍵名,發送到服務端。required屬性表示該表單元素必填,瀏覽器會在提交前自動驗證。autocomplete屬性用于自動填充表單,可以設置為on、off、name等值。type屬性可以設置為text、email、password、date、radio、select、file等,分別對應不同的輸入類型。button元素用于提交表單,也可以使用input元素的type屬性設置為submit。
上一篇html5智力測試源代碼
下一篇sap菜單css