国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

首頁(yè)課程HTML Fun ClassHTML5 Form 2

HTML5 Form 2

目錄列表

創(chuàng)建搜索框

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

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

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

<input type="" />

搜索選項(xiàng)列表

<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é)果如下圖:


下載 (15).png

正確填寫標(biāo)簽:

<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 擁有多個(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é)果如下圖: 


11111.png

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