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