新的搜索輸入類型可用于創(chuàng)建搜索框:
<input type="search" name="searchitem" />
<input type="" />
<datalist> 元素規(guī)定輸入域的選項列表。
<datalist> 屬性規(guī)定 form 或 input 域應該擁有自動完成功能。當用戶在自動完成域中開始輸入時,瀏覽器應該在該域中顯示填寫的選項。
實例:
<input> 元素使用 <datalist> 預定義值:
<input list="browsers" /> <datalist id="browsers"> <option value="Internet Explorer"> <option value="Firefox"> <option value="Chrome"> <option value="Opera"> <option value="Safari"> </datalist>
運行顯示結果如下圖:
<form> <input ="browsers" /> < id="browsers"> <option value="Internet Explorer"> <option value="Firefox"> <option value="Chrome"> <option value="Opera"> <option value="Safari"> </datalist> </form>
HTML5 擁有多個新的輸入類型,包括 email,tel,url,date,time 等。
下面是一個例子:
<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>
運行顯示結果如下圖: