HTML5的表單中type類型相關(guān)知識

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

成都創(chuàng)新互聯(lián)公司堅(jiān)信:善待客戶,將會(huì)成為終身客戶。我們能堅(jiān)持多年,是因?yàn)槲覀円恢笨芍档眯刨?。我們從不忽悠初訪客戶,我們用心做好本職工作,不忘初心,方得始終。十多年網(wǎng)站建設(shè)經(jīng)驗(yàn)成都創(chuàng)新互聯(lián)公司是成都老牌網(wǎng)站營銷服務(wù)商,為您提供成都做網(wǎng)站、網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)、H5開發(fā)、網(wǎng)站制作、高端網(wǎng)站設(shè)計(jì)、微信小程序開發(fā)服務(wù),給眾多知名企業(yè)提供過好品質(zhì)的建站服務(wù)。

 1.button:定義可點(diǎn)擊的按鈕(通常與 JavaScript 一起使用來啟動(dòng)腳本)。<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 控件(包括年、月、日,不包括時(shí)間)。<br />

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

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

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


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

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


8.month:定義 month 和 year 控件(不帶時(shí)區(qū))。<br />

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


9.week:定義 week 和 year 控件(不帶時(shí)區(qū))。<br />

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

10.time:定義用于輸入時(shí)間的控件(不帶時(shí)區(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:定義密碼字段(字段中的字符會(huì)被遮蔽)。<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)。定義一個(gè)單行的文本字段(默認(rèn)寬度為 20 個(gè)字符)。<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é)到更多知識。如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到。

文章標(biāo)題:HTML5的表單中type類型相關(guān)知識
文章來源:http://muchs.cn/article32/gehisc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站制作、搜索引擎優(yōu)化企業(yè)建站、云服務(wù)器、網(wǎng)站策劃Google

廣告

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

外貿(mào)網(wǎng)站制作