新的搜索輸入類型可用于創(chuàng)建搜索框:
<input type="search" name="searchitem" />
<input type="" />
<datalist> 元素規(guī)定輸入域的選項(xiàng)列表。
<datalist> 屬性規(guī)定 form 或 input 域應(yīng)該擁有自動(dòng)完成功能。當(dāng)用戶在自動(dòng)完成域中開始輸入時(shí),瀏覽器應(yīng)該在該域中顯示填寫的選項(xiàng)。
實(shí)例:
<input> 元素使用 <datalist> 預(yù)定義值:
<input list="browsers" /> <datalist id="browsers"> <option value="Internet Explorer"> <option value="Firefox"> <option value="Chrome"> <option value="Opera"> <option value="Safari"> </datalist>
運(yùn)行顯示結(jié)果如下圖:
<form> <input ="browsers" /> < id="browsers"> <option value="Internet Explorer"> <option value="Firefox"> <option value="Chrome"> <option value="Opera"> <option value="Safari"> </datalist> </form>
HTML5 擁有多個(gè)新的輸入類型,包括 email,tel,url,date,time 等。
下面是一個(gè)例子:
<form> <input type="email" name="email" placeholder="example@example.com" /> <br /> <input type="tel" name="usrtel" placeholder="666.666.6666" /> <br /> <input type="url" name="homepage" placeholder="example.com" /> </form>
運(yùn)行顯示結(jié)果如下圖: