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