|
聲明:本教程源于本人學(xué)習(xí)的一些經(jīng)驗(yàn)的總結(jié),希望大家?guī)兔ν晟婆c指正,也希望會(huì)給初學(xué)者帶來(lái)方便,希望大家不要隨便轉(zhuǎn)載,寫(xiě)的不是很好,還不完善,不過(guò)轉(zhuǎn)載時(shí)要注明作者和出處,附加原文的鏈接地址,謝謝了
已出:
自己寫(xiě)的web標(biāo)準(zhǔn)教程,幫你走進(jìn)web標(biāo)準(zhǔn)設(shè)計(jì)的世界——第一講
自己寫(xiě)的web標(biāo)準(zhǔn)教程,幫你走進(jìn)web標(biāo)準(zhǔn)設(shè)計(jì)的世界——第二講
上講回顧:上一講我主要講解了一下網(wǎng)頁(yè)常用的幾個(gè)html標(biāo)簽。
本節(jié)我將給大家講解表單標(biāo)簽和table標(biāo)簽,ok,Begin!Right now!
標(biāo)簽10:表單標(biāo)簽
功能:構(gòu)造一個(gè)表單,用來(lái)向服務(wù)器提交數(shù)據(jù)
基本結(jié)構(gòu)與詳細(xì)標(biāo)簽:
a:input標(biāo)簽
使用指數(shù):*****
功能:通過(guò)改變type類(lèi)型來(lái)構(gòu)造表單元素
類(lèi)型:內(nèi)聯(lián)元素
常用屬性:id,class,name(與ID類(lèi)似,方便后臺(tái)程序獲取標(biāo)簽的值),accept(accept 屬性只能與 配合使用。它規(guī)定能夠通過(guò)文件上傳進(jìn)行提交的文件類(lèi)型。)
type與對(duì)應(yīng)值一覽
其中值img很少使用,他與值submit的功能是相同的,hidden值對(duì)于一個(gè)前臺(tái)開(kāi)發(fā)者而言幾乎是用不到的,button值暫時(shí)不做介紹,畢竟我們現(xiàn)在離Javascript還很遙遠(yuǎn),呵呵
b: textarea標(biāo)簽
使用指數(shù):****
功能:無(wú)限的向其中輸入文本,比較適合做留言板,其中的文本的默認(rèn)字體是等寬字體(通常是 Courier)
類(lèi)型:內(nèi)聯(lián)元素
常用屬性:id,class,name
特殊屬性:cols,rows來(lái)設(shè)置他的區(qū)域大小,不過(guò)不推薦這種設(shè)置,還是建議通過(guò)css來(lái)設(shè)置(又是后話(huà)了)!
c: fieldset和legend標(biāo)簽
使用指數(shù):**
功能:用來(lái)給你的表單劃分區(qū)域,在legend中設(shè)置區(qū)域的標(biāo)題(不是很常用)
類(lèi)型:塊級(jí)元素
常用屬性:id,class,title
d:label標(biāo)簽
使用指數(shù):***
功能:沒(méi)有任何效果,只是為input標(biāo)簽提供一個(gè)標(biāo)記不過(guò),它為鼠標(biāo)用戶(hù)改進(jìn)了可用性。如果您在 label 元素內(nèi)點(diǎn)擊文本,就會(huì)觸發(fā)此控件。就是說(shuō),當(dāng)用戶(hù)選擇該標(biāo)簽時(shí),瀏覽器就會(huì)自動(dòng)將焦點(diǎn)轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上。
特殊屬性for:
標(biāo)簽的 for 屬性應(yīng)當(dāng)與相關(guān)元素的 id 屬性相同。通過(guò)這種方法來(lái)與對(duì)應(yīng)標(biāo)簽綁定
例子:
1 <form>2 <p><input type="radio" name="fru" id="apple" />蘋(píng)果</label></p>
3 <p><input type="radio" name="fru" id="li" />梨</label></p>
4 <p><input type="radio" name="fru" id="ban" />香蕉</label></p>
5 <p><input type="radio" name="fru" id="ban" />草莓</p>
6 </form>
it知識(shí)庫(kù):自己寫(xiě)的web標(biāo)準(zhǔn)教程,幫你走進(jìn)web標(biāo)準(zhǔn)設(shè)計(jì)的世界——第三講(html終結(jié)篇),轉(zhuǎn)載需保留來(lái)源!
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。