? ? ? html5的表格與表單與之前的html4差不多,但是因為html5將大多數(shù)樣式的美化和定位的屬性都取消了,所以只能通過css來實現(xiàn)。
除此之外還有一些需要注意的地方:
表格
? ? ? ?1、當(dāng)單元格內(nèi)的文字內(nèi)容太長時,會自動換行,若想不換行,則可以使用nowrap
? ? ? ?如: <td nowrap> </td>
? ? ? ?2、單元格內(nèi)沒有內(nèi)容時,單元格會變成空白,此時單元格的邊框會消失,若為了美觀不想這樣,則可以在空白單元格中輸入一個全角空格或“ ;”?
? ? ? ?3、為了減少瀏覽器加載時間,網(wǎng)頁文件最好少用table。
表單
? ? ? 1、form表單中的method屬性用于設(shè)置發(fā)送數(shù)據(jù)的方式,共有兩種方法:POST 方法和 GET 方法。
不過那么你該選擇哪種方法呢?下面是有關(guān)這方面的一些規(guī)律:
1)如果希望獲得最佳表單傳輸性能,可以采用 GET 方法發(fā)送只有少數(shù)簡短字段的小表單。
一些服務(wù)器操作系統(tǒng)在處理可以立即傳遞給應(yīng)用程序的命令行參數(shù)時,會限制其數(shù)目和長度,在這種情況下,對那些有許多字段或是很長的文本域的表單來說,就應(yīng)該采用 POST 方法來發(fā)送。
2)如果你在編寫服務(wù)器端的表單處理應(yīng)用程序方面經(jīng)驗不足,應(yīng)該選擇 GET 方法。如果采用 POST 方法,就要在讀取和解碼方法做些額外的工作,也許這并不很難,但是也許你不太愿意去處理這些問題。
3)如果安全性是個問題,那么我們建議選用 POST 方法。
GET 方法將表單參數(shù)直接放在應(yīng)用程序的 URL 中,這樣網(wǎng)絡(luò)窺探者可以很輕松地捕獲它們,還可以從服務(wù)器的日志文件中進(jìn)行摘錄。
而 POST 應(yīng)用程序就沒有安全方面的漏洞,在將參數(shù)作為單獨的事務(wù)傳輸給服務(wù)器進(jìn)行處理時,至少還可以采用加密的方法。
4)如果想在表單之外調(diào)用服務(wù)器端的應(yīng)用程序,而且包括向其傳遞參數(shù)的過程,就要采用 GET 方法,因為該方法允許把表單這樣的參數(shù)包括進(jìn)來作為 URL 的一部分。而另一方面,使用 POST 樣式的應(yīng)用程序卻希望在 URL 后還能有一個來自瀏覽器額外的傳輸過程,其中傳輸?shù)膬?nèi)容不能作為傳統(tǒng)標(biāo)簽的內(nèi)容。
? ? 2、action屬性用來指出發(fā)送的目的地,可以使asp或php的數(shù)據(jù)庫也可以是電子郵箱。
? ? 3、html5新加的表單組件可能不兼容IE6,可以選擇使用Chrome瀏覽器。
? ? 4、文本框text組件可以設(shè)置autofocus屬性,autofocus 屬性規(guī)定當(dāng)頁面加載完成后,自動將光標(biāo)移動到文本框中,按鈕中也可以設(shè)置。
? ? 5、多行文本框textarea組件中wrap屬性代表文字輸入表單后是否換行,可以設(shè)置hard(換行)和soft(不換行),默認(rèn)為不換行。
? ? 6、文本框內(nèi)可以設(shè)置readonly屬性,這樣用戶可以看到這個文本框以及里面的內(nèi)容,但是無法更改數(shù)據(jù)。
? ? 7、select組件中可以設(shè)置size屬性,size為1表示選擇框的高度為一,即一次只能看到一條選擇項。
? ? 8、multiple被設(shè)置后表示這個選擇區(qū)中的選項可以多選,按下Ctrl或Shift就行。
? ? 9、datalist自造列表組件的格式固定,為:
<input list="xxxxx" />
<datalist id="xxxxx">
? <option value="a………"></option>
................
................
</datalist>
其中,需要注意到的是datalist組件必須先使用id屬性并指定id名稱,只有input組件的list屬性和data屬性的id屬性相同,才能取得datalist組件中的option列表。
? ?10、選擇組件中的單選按鈕radio中,name屬性相同的radio組件會被視為同一組radio組件,而同一組內(nèi)只能有一個radio組件被選擇。radio組件的value屬性不能顯示在頁面中,所以需要在radio組件旁邊添加文字。checked屬性可以設(shè)置radio為已選擇狀態(tài)。
? ?11、表單屬性太多太長時可以通過表單分組來將表單中的問題分類。一般以<fieldset></field>來進(jìn)行分組。<legend></legend>表示分組標(biāo)題。