這篇文章運(yùn)用簡單易懂的例子給大家介紹HTML5的表單中type類型相關(guān)知識，代碼非常詳細(xì)，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

成都創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),博湖企業(yè)網(wǎng)站建設(shè),博湖品牌網(wǎng)站建設(shè),網(wǎng)站定制,博湖網(wǎng)站建設(shè)報(bào)價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,博湖網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

 1.button：定義可點(diǎn)擊的按鈕（通常與 JavaScript 一起使用來啟動腳本）。<br />

<input id="" type="button" name="" value="按鈕" /><br />
<br />

2.checkbox：定義復(fù)選框。<br />

<input id="" type="checkbox" name="" />男<br />
<input id="" type="checkbox" name="" checked="checked" />女<br />
<br />

3.cancel：取消按鈕，用于取消submit的提交。<br />

<input id="" type="cancel" name="" /><br />
<br />

4.color：定義拾色器。<br />

<input id="" type="color" name="" /><br />
<br />

5.date：定義 date 控件（包括年、月、日，不包括時間）。<br />

<input id="" type="date" name="" /><br />
<br />

6.datetime：定義 date 和 time 控件（包括年、月、日、時、分、秒、幾分之一秒，基于 UTC 時區(qū)）。</p>

<
for
m 
action
="">生日 (日期和時間):<input id="" type="datetime" name="" /> <input id="" type="submit" name="" value="提交" /></form>
<p><br />
<br />

7.datetime-local：定義 date 和 time 控件（包括年、月、日、時、分、秒、幾分之一秒，不帶時區(qū)）。<br />

<input id="" type="datetime-local" name="" /><br />
<br />

8.month：定義 month 和 year 控件（不帶時區(qū)）。<br />

<input id="" type="month" name="" /><br />
<br />

9.week：定義 week 和 year 控件（不帶時區(qū)）。<br />

<input id="" type="week" name="" /><br />
<br />

10.time：定義用于輸入時間的控件（不帶時區(qū)）。<br />

<input id="" type="time" name="" /><br />
<br />

11.email：定義用于 e-mail 地址的字段。</p>

<form action=""></form>
<p>E-mail:<input id="" type="email" name="" /><br />
<br />

12.file：定義文件選擇字段和 "瀏覽..." 按鈕，供文件上傳。<br />

<input id="" type="file" name="" /><br />
<br />

13.hidden：定義隱藏輸入字段。<br />

<input id="" type="hidden" name="" /><br />
<br />

14.image：定義圖像作為提交按鈕。<br />

<input id="" type="image" name="" /><br />
<br />

15.number：定義用于輸入數(shù)字的字段。<br />

<input id="" type="number" name="" /><br />
<br />

16.password：定義密碼字段（字段中的字符會被遮蔽）。<br />

<input id="" type="password" name="" /><br />
<br />

17.radio：定義單選按鈕。<br />

<input id="" type="radio" name="" />男<br />
<input id="" type="radio" name="" checked="checked" />女<br />
<br />

18.range：定義用于精確值不重要的輸入數(shù)字的控件（比如 slider 控件）。<br />

<input id="" type="range" name="" /><br />
<br />

19.reset：定義重置按鈕（重置所有的表單值為默認(rèn)值）。<br />

<input id="" type="reset" name="" /><br />
<br />

20.search：定義用于輸入搜索字符串的文本字段。<br />

<input id="" type="search" name="" /><br />
<br />

21.submit：定義提交按鈕。<br />

<input id="" type="submit" name="" value="提交" /><br />
<br />

22.tel：定義用于輸入電話號碼的字段。<br />
輸入電話：

<input id="" type="tel" name="" /><br />
<br />

23.text：默認(rèn)。定義一個單行的文本字段（默認(rèn)寬度為 20 個字符）。<br />

<input id="" type="text" name="" /><br />
<br />

24.url：定義用于輸入 URL 的字段。<br />
添加你的主頁網(wǎng)址：

<input id="" type="url" name="" /></p>

關(guān)于HTML5的表單中type類型相關(guān)知識就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

網(wǎng)頁標(biāo)題：HTML5的表單中type類型相關(guān)知識-創(chuàng)新互聯(lián)
文章出自：http://www.rwnh.cn/article16/cegcgg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站設(shè)計(jì)、微信小程序、搜索引擎優(yōu)化、做網(wǎng)站、企業(yè)建站、服務(wù)器托管

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)