上次咱們一起學(xué)習(xí)了一下一些常用的input表單猖任，這次隨小編來(lái)看一下html5新增了哪些吧。
不知道大家注意到?jīng)]有瓷耙，上次咱們提到了單選框朱躺、多選框刁赖，但在實(shí)際使用中除了這兩個(gè)還有一個(gè)也很常用，是什么呢长搀，我們一起來(lái)看一下：
相信大家在上網(wǎng)過(guò)程中一定遇到過(guò)這類下拉菜單宇弛，那它是怎么實(shí)現(xiàn)的呢？不要著急源请，咱們這次就從它開始枪芒，來(lái)互相學(xué)習(xí)一下html5新增的input表單。
1谁尸、下拉菜單
<select>
<option >江蘇</option>
<option >北京</option>
<option >上海</option>
</select>
顯示如下：
下拉框中的選項(xiàng)內(nèi)容寫在<option></option>中舅踪，即可實(shí)現(xiàn)下拉菜單；
2良蛮、定義拾色器
聽上去很高大上抽碌，其實(shí)就是字面意思，就是用來(lái)選取顏色用的决瞳，它的代碼如下：
<input type="color">
在不點(diǎn)擊它的時(shí)候是這樣的：
這時(shí)候可以看到啥也沒有货徙，點(diǎn)擊它時(shí)會(huì)出現(xiàn)一個(gè)調(diào)色板，用以選取顏色:
3瞒斩、定義時(shí)間
①年/月/日
在瀏覽網(wǎng)頁(yè)的時(shí)候也常見一下用以選擇時(shí)間的表單破婆，例如:
他就可以通過(guò)這個(gè)來(lái)實(shí)現(xiàn)，我們先來(lái)看一下它如何實(shí)現(xiàn)：
其實(shí)很簡(jiǎn)單胸囱，僅僅一行代碼
<input type="date">
可以和攜程這個(gè)實(shí)現(xiàn)同樣的功能
當(dāng)然啦祷舀，沒它那個(gè)好看，這個(gè)樣式具體怎樣可以根據(jù)個(gè)人喜好或者工作要求去修改烹笔。
還有類似可以選擇其他不同時(shí)間的表單標(biāo)簽裳扯，咱們一起來(lái)看一下
②年/月/日/時(shí)/分
<input type="datetime-local">
它比年月日多了一個(gè)具體時(shí)間：
③年/月
<input type="month">
這個(gè)只可以選擇年月，無(wú)法選擇具體日期
④年/周
<input type="week">
只能顯示哪一年第幾周
⑤時(shí)間
<input type="time">
只能選擇具體時(shí)間
4谤职、定義email地址
<input type="email">
和文本框長(zhǎng)一樣饰豺，但搭配提交使用輸入的e-mail地址必須合法
5、數(shù)字文本框
<input type="number">
和文本框也很相似允蜈，當(dāng)點(diǎn)擊它的時(shí)候會(huì)出現(xiàn)一個(gè)調(diào)整數(shù)字大小的鈕冤吨，也只能輸入數(shù)字
6、數(shù)字選擇空間
<input type="range">
這個(gè)用在音量調(diào)節(jié)上比較多饶套，長(zhǎng)這樣：
它是可以滑動(dòng)的漩蟆。
7、搜索框
<input type="search">
這個(gè)也和文本框長(zhǎng)一樣妓蛮，它是定義搜索功能的文本框
8怠李、手機(jī)號(hào)碼文本框
<input type="tel">
又是一個(gè)和文本框長(zhǎng)一樣的框，它只能輸入合法的手機(jī)號(hào)碼
9、網(wǎng)絡(luò)地址文本框
<input type="url">
它也和普通文本框長(zhǎng)一樣捺癞，它和文本框的區(qū)別在于只能輸入合法網(wǎng)絡(luò)地址
input表單中得到各種文本框基本的長(zhǎng)一樣夷蚊，區(qū)別在于定義的功能不同，不同場(chǎng)合使用不同文本框髓介。
input表單基本介紹完了惕鼓，今天就暫時(shí)到這吧。當(dāng)然它們還有很多屬性唐础，小編將在下期和大家一起討論input表單的各種屬性呜笑，請(qǐng)大家持續(xù)關(guān)注哦。
小編作為初學(xué)者彻犁，多有不足和不對(duì)的地方，希望大家指出凰慈，同時(shí)也希望能和大家一起學(xué)習(xí)交流汞幢！
未完待續(xù)。微谓。森篷。。豺型。仲智。
