? ? ? html5的表格與表單與之前的html4差不多,但是因為html5將大多數樣式的美化和定位的屬性都取消了唇牧,所以只能通過css來實現。
除此之外還有一些需要注意的地方:
表格
? ? ? ?1仗颈、當單元格內的文字內容太長時刻盐,會自動換行,若想不換行蠢箩,則可以使用nowrap
? ? ? ?如: <td nowrap> </td>
? ? ? ?2链蕊、單元格內沒有內容時,單元格會變成空白谬泌,此時單元格的邊框會消失滔韵,若為了美觀不想這樣,則可以在空白單元格中輸入一個全角空格或“ 掌实;”?
? ? ? ?3陪蜻、為了減少瀏覽器加載時間,網頁文件最好少用table贱鼻。
表單
? ? ? 1宴卖、form表單中的method屬性用于設置發(fā)送數據的方式,共有兩種方法:POST 方法和 GET 方法邻悬。
不過那么你該選擇哪種方法呢症昏?下面是有關這方面的一些規(guī)律:
1)如果希望獲得最佳表單傳輸性能,可以采用 GET 方法發(fā)送只有少數簡短字段的小表單父丰。
一些服務器操作系統(tǒng)在處理可以立即傳遞給應用程序的命令行參數時肝谭,會限制其數目和長度,在這種情況下蛾扇,對那些有許多字段或是很長的文本域的表單來說攘烛,就應該采用 POST 方法來發(fā)送。
2)如果你在編寫服務器端的表單處理應用程序方面經驗不足镀首,應該選擇 GET 方法医寿。如果采用 POST 方法,就要在讀取和解碼方法做些額外的工作蘑斧,也許這并不很難靖秩,但是也許你不太愿意去處理這些問題须眷。
3)如果安全性是個問題,那么我們建議選用 POST 方法沟突。
GET 方法將表單參數直接放在應用程序的 URL 中花颗,這樣網絡窺探者可以很輕松地捕獲它們,還可以從服務器的日志文件中進行摘錄惠拭。
而 POST 應用程序就沒有安全方面的漏洞扩劝,在將參數作為單獨的事務傳輸給服務器進行處理時,至少還可以采用加密的方法职辅。
4)如果想在表單之外調用服務器端的應用程序棒呛,而且包括向其傳遞參數的過程,就要采用 GET 方法域携,因為該方法允許把表單這樣的參數包括進來作為 URL 的一部分簇秒。而另一方面,使用 POST 樣式的應用程序卻希望在 URL 后還能有一個來自瀏覽器額外的傳輸過程秀鞭,其中傳輸的內容不能作為傳統(tǒng)標簽的內容趋观。
? ? 2、action屬性用來指出發(fā)送的目的地锋边,可以使asp或php的數據庫也可以是電子郵箱皱坛。
? ? 3、html5新加的表單組件可能不兼容IE6豆巨,可以選擇使用Chrome瀏覽器剩辟。
? ? 4、文本框text組件可以設置autofocus屬性往扔,autofocus 屬性規(guī)定當頁面加載完成后抹沪,自動將光標移動到文本框中,按鈕中也可以設置瓤球。
? ? 5、多行文本框textarea組件中wrap屬性代表文字輸入表單后是否換行敏弃,可以設置hard(換行)和soft(不換行)卦羡,默認為不換行。
? ? 6麦到、文本框內可以設置readonly屬性绿饵,這樣用戶可以看到這個文本框以及里面的內容,但是無法更改數據瓶颠。
? ? 7拟赊、select組件中可以設置size屬性粹淋,size為1表示選擇框的高度為一吸祟,即一次只能看到一條選擇項瑟慈。
? ? 8屋匕、multiple被設置后表示這個選擇區(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組件哥力,而同一組內只能有一個radio組件被選擇。radio組件的value屬性不能顯示在頁面中墩弯,所以需要在radio組件旁邊添加文字吩跋。checked屬性可以設置radio為已選擇狀態(tài)。
? ?11渔工、表單屬性太多太長時可以通過表單分組來將表單中的問題分類锌钮。一般以<fieldset></field>來進行分組。<legend></legend>表示分組標題引矩。