HTML標(biāo)記語(yǔ)言——表單
互聯(lián)網(wǎng) 發(fā)布時(shí)間：2008-10-17 18:55:15 作者：佚名 
我要評(píng)論
我要評(píng)論點(diǎn)擊這里返回網(wǎng)頁(yè)教學(xué)網(wǎng) HTML教程 欄目．
上文：標(biāo)記語(yǔ)言——引用
原文出處
chapter 5 表單
互動(dòng)性一直是互聯(lián)網(wǎng)的重點(diǎn),讓使用者與網(wǎng)站能夠交換信息,彼此溝通.表單使我們能夠有組織的,使用同一方式的從使用者那里收集資料,因此在設(shè)計(jì)網(wǎng)站時(shí)總是屬于&qu
概要
看完四種標(biāo)記同一個(gè)簡(jiǎn)單表單的不同方法,同時(shí)也討論了彼此的優(yōu)缺點(diǎn),要注意的是,我們?yōu)榉椒–與方法D加上了易用性功能,當(dāng)然也可以加到頭兩個(gè)方法上,在得到這些改進(jìn)之后,這兩個(gè)方法當(dāng)然也會(huì)變得更棒.
這幾個(gè)方法沒(méi)有哪一個(gè)明顯比其他方法要好,或者能當(dāng)作"最佳解決方案".不過(guò)多知道幾種方法很有價(jià)值.而你也以組合這四種方法,在你的項(xiàng)目里做出更棒的表單.
方法A: 以視覺(jué)效果來(lái)說(shuō),是個(gè)建立表單元素,說(shuō)明文字的簡(jiǎn)介方式,在處理復(fù)雜,龐大的表單時(shí)尤其好用. 然而,為了這樣單純的表單使用表格,似乎太麻煩了.
方法B: 簡(jiǎn)單的標(biāo)記法在文字瀏覽器,小屏幕設(shè)備上的顯示效果不錯(cuò). 以視覺(jué)效果來(lái)說(shuō),只用<br />會(huì)讓排版變得太擁擠.
方法C: 簡(jiǎn)單的標(biāo)記法在文字瀏覽器,小屏幕設(shè)備上顯示效果不錯(cuò). 允許說(shuō)明文字,表單元素的長(zhǎng)度變化,不會(huì)有對(duì)齊的問(wèn)題. 包含重要的易用性功能(也能使用在先前的方法內(nèi)).
方法D: 結(jié)構(gòu)化標(biāo)記法在文字瀏覽器,小屏幕設(shè)備上顯示效果不錯(cuò). 包含重要的易用性功能(也能應(yīng)用在先前的方法內(nèi)). 說(shuō)明文字與表單元素能以CSS指定要放在同一行之內(nèi),或是分行擺放.
當(dāng)你使用方法A或方法B的時(shí)候不必感到內(nèi)疚,但是學(xué)會(huì)方法C的優(yōu)點(diǎn),并且把它應(yīng)用到先前的例子里仍然不錯(cuò).
方法C也有進(jìn)步的空間,而我們也將在"技巧延伸"這個(gè)單元內(nèi)看到幾個(gè)我們能加上的額外功能.我們也會(huì)討論一些簡(jiǎn)單的CSS樣式.讓我們把表單修飾得更吸引人.
看完四種標(biāo)記同一個(gè)簡(jiǎn)單表單的不同方法,同時(shí)也討論了彼此的優(yōu)缺點(diǎn),要注意的是,我們?yōu)榉椒–與方法D加上了易用性功能,當(dāng)然也可以加到頭兩個(gè)方法上,在得到這些改進(jìn)之后,這兩個(gè)方法當(dāng)然也會(huì)變得更棒.
這幾個(gè)方法沒(méi)有哪一個(gè)明顯比其他方法要好,或者能當(dāng)作"最佳解決方案".不過(guò)多知道幾種方法很有價(jià)值.而你也以組合這四種方法,在你的項(xiàng)目里做出更棒的表單.
方法A: 以視覺(jué)效果來(lái)說(shuō),是個(gè)建立表單元素,說(shuō)明文字的簡(jiǎn)介方式,在處理復(fù)雜,龐大的表單時(shí)尤其好用. 然而,為了這樣單純的表單使用表格,似乎太麻煩了.
方法B: 簡(jiǎn)單的標(biāo)記法在文字瀏覽器,小屏幕設(shè)備上的顯示效果不錯(cuò). 以視覺(jué)效果來(lái)說(shuō),只用<br />會(huì)讓排版變得太擁擠.
方法C: 簡(jiǎn)單的標(biāo)記法在文字瀏覽器,小屏幕設(shè)備上顯示效果不錯(cuò). 允許說(shuō)明文字,表單元素的長(zhǎng)度變化,不會(huì)有對(duì)齊的問(wèn)題. 包含重要的易用性功能(也能使用在先前的方法內(nèi)).
方法D: 結(jié)構(gòu)化標(biāo)記法在文字瀏覽器,小屏幕設(shè)備上顯示效果不錯(cuò). 包含重要的易用性功能(也能應(yīng)用在先前的方法內(nèi)). 說(shuō)明文字與表單元素能以CSS指定要放在同一行之內(nèi),或是分行擺放.
當(dāng)你使用方法A或方法B的時(shí)候不必感到內(nèi)疚,但是學(xué)會(huì)方法C的優(yōu)點(diǎn),并且把它應(yīng)用到先前的例子里仍然不錯(cuò).
方法C也有進(jìn)步的空間,而我們也將在"技巧延伸"這個(gè)單元內(nèi)看到幾個(gè)我們能加上的額外功能.我們也會(huì)討論一些簡(jiǎn)單的CSS樣式.讓我們把表單修飾得更吸引人.
相關(guān)文章
- 本文主要對(duì)HTML5表單新增屬性進(jìn)行詳細(xì)介紹，并附上實(shí)例解析，簡(jiǎn)單易懂。需要的朋友一起來(lái)看下吧2016-12-21
- 下面小編就為大家?guī)?lái)一篇HTML Form表單元素全面了解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-09-26
- 下面小編就為大家?guī)?lái)一篇html5表單及新增的改良元素詳解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-07
- 這篇文章主要為大家介紹了HTML5新增的表單元素和屬性,具有一定的參考價(jià)值！需要的朋友可以參考下2014-07-07
HTML5 的新的表單元素(datalist/keygen/output)使用介紹
HTML5 擁有若干涉及表單的元素和屬性，下面為大家介紹下新的表單元素datalist 元素、keygen 元素、output 元素以及它們的使用實(shí)例，感興趣的朋友可以參考下哈，希望對(duì)大家2013-07-19HTML5之HTML元素?cái)U(kuò)展(下)—增強(qiáng)的Form表單元素值得關(guān)注
在HTML5增強(qiáng)的元素中，最值得關(guān)注的就是表單元素;在HTML5中，表單已經(jīng)做了重大的修整，一些以前需要通過(guò)JavaScript編碼實(shí)現(xiàn)的功能現(xiàn)在無(wú)需編碼就可輕松實(shí)現(xiàn),感興趣的朋友可2013-01-31- 本教程介紹FORM表單標(biāo)記的各種屬性在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用. <FORM>標(biāo)記的NAME屬性 基本語(yǔ)法 01 <Form name="Form＿name"> 02 ……2008-10-17
- 假設(shè)現(xiàn)在要在表單中添加這樣一項(xiàng)內(nèi)容：瀏覽所在的城市。這里不說(shuō)全國(guó)的城市，只說(shuō)省會(huì)以上的城市就有幾十個(gè)。如果以上面講過(guò)的單選按鈕的形式，將這些城市全部羅列在網(wǎng)頁(yè)上2008-10-17
- 帶有圖片預(yù)覽功能的上傳表單，完整的HTML代碼如下所示 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=2008-10-17
XHTML入門(mén)學(xué)習(xí)教程:表單標(biāo)簽
表單是用戶提交信息的重要渠道。本節(jié)就將介紹表單的基礎(chǔ)知識(shí)。 表單標(biāo)簽<form> 表單以一個(gè)<form>標(biāo)簽開(kāi)始。用戶注冊(cè)網(wǎng)站會(huì)員，投票等等都需要表單來(lái)實(shí)現(xiàn)2008-10-17