HTML標(biāo)記語言——表單

2019-10-26 17:21:45

字體：大中小

供稿：網(wǎng)友

點擊這里返回武林站長站　HTML教程　欄目．
上文：標(biāo)記語言——引用
原文出處chapter 5 表單
互動性一直是互聯(lián)網(wǎng)的重點,讓使用者與網(wǎng)站能夠交換信息,彼此溝通.表單使我們能夠有組織的,使用同一方式的從使用者那里收集資料,因此在設(shè)計網(wǎng)站時總是屬于"任何狀況都能拿來用"的那一類,舉例來說,我們發(fā)現(xiàn)大概有10000種標(biāo)記表單的不同方式.好吧,或許沒有那么多,但是我們?nèi)阅芩伎紟追N狀況,讓使用者易于使用表單結(jié)構(gòu),同時也便于讓網(wǎng)站所有者進行管理.標(biāo)記表單的方法方法A:使用表格

<form action="/path/to/script" method="post">
<table>
<tr>
<th>Name:</th>
<td><input type="text" name="name" /></td>
</tr>
<tr>
<th>Email:</th>
<td><input type="text" name="email" /></td>
</tr>
<tr>
<th> </th>
<td><input type="submit" value="submit" /></td>
</tr>
</table>
</form>

長久以來許多人都以表格來標(biāo)記表單,由于使用頻率很高的緣故,我們已經(jīng)習(xí)慣于見到表單以這種方式進行排版:左列是向右對齊的文字說明,右列則是相左對齊的表單元素.使用單純的兩列表格,是完成易用表單排版的簡單方法之一.
有些人認(rèn)為不需要表格,也有其他人認(rèn)為應(yīng)該把表單視為表狀資料.我們不打算支持任何一種說法,但是在某些情況下,使用表格時達(dá)成特定表單排版的最佳方法,特別是包含許多種不同元素的復(fù)雜表單(使用了單選框,下拉選框等等的表單).完全依賴CSS處理這種表單的排版可能會讓人感到挫折,而且經(jīng)常需要加上額外的<span>與<div>,會比表格耗上更多的標(biāo)簽.
接著看圖5-1,這是一般可視化瀏覽器顯示方法A的效果:

圖5-1:瀏覽器顯示的方法A的效果
你會發(fā)現(xiàn),使用表格可以把文字說明表單元素排列的十分整齊.然而,對這樣簡單的表單來說,或許我會避免選擇使用表格,并且換用其他不需要使用這么多標(biāo)簽的方法.除非表單的視覺設(shè)計十分需要這種排版,否者未必需要使用表格.同時我們也要考慮幾個易用性問題,在研究下面兩個方法的時候,我們就會接觸到這個部分.