HTML5表單是網(wǎng)頁(yè)設(shè)計(jì)中非常重要的一部分,它使得用戶能夠在網(wǎng)站上填寫(xiě)個(gè)人信息、提交表單內(nèi)容等
以下是一段HTML5表單的代碼:
<form> <label>用戶名:</label> <input type="text" name="username" required><br> <label>密碼:</label> <input type="password" name="password" required><br> <label>電話號(hào)碼:</label> <input type="tel" name="tel"><br> <label>郵箱地址:</label> <input type="email" name="email" required><br> <label>選擇您的城市:</label> <select name="city"> <option value="beijing">北京</option> <option value="shanghai">上海</option> <option value="guangzhou">廣州</option> </select><br> <input type="submit" value="提交"> </form>
在上述代碼中,我們使用了 <form> 標(biāo)記來(lái)定義表單。 <label> 標(biāo)記用于為表單元素添加描述,并與其關(guān)聯(lián)。 <input> 標(biāo)記用于定義輸入元素,包括文本框,密碼框和電子郵件等。 <select> 標(biāo)記用于在下拉列表中提供多個(gè)選項(xiàng),用戶可以通過(guò)單擊選擇其中一個(gè)。
當(dāng)用戶提交表單時(shí),瀏覽器根據(jù)輸入規(guī)則檢查表單是否符合要求,如果缺少必填項(xiàng)或格式不正確,則會(huì)提示用戶進(jìn)行更正。通過(guò)使用HTML5表單,網(wǎng)站的用戶體驗(yàn)可以得到顯著提升,讓您的網(wǎng)站使用更方便,易于操作。