亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

首頁課程HTML-Spa?kursHTML5 表單 二

HTML5 表單 二

目錄列表

創(chuàng)建搜索框

新的搜索輸入類型可用于創(chuàng)建搜索框:

<input type="search" name="searchitem" />

正確填寫創(chuàng)建搜索框:

<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>

運行顯示結果如下圖:


下載 (15).png

正確填寫標簽:

<form> <input ="browsers" /> < id="browsers"> <option value="Internet Explorer"> <option value="Firefox"> <option value="Chrome"> <option value="Opera"> <option value="Safari"> </datalist> </form>

創(chuàng)建更多的輸入類型

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>


運行顯示結果如下圖: 


11111.png

以下哪些是支持的表單輸入類型?