Html5的表格與表單

? ? ? html5的表格與表單與之前的html4差不多,但是因為html5將大多數(shù)樣式的美化和定位的屬性都取消了,所以只能通過css來實現(xiàn)。

除此之外還有一些需要注意的地方:

表格

? ? ? ?1、當(dāng)單元格內(nèi)的文字內(nèi)容太長時,會自動換行,若想不換行,則可以使用nowrap

? ? ? ?如: <td nowrap> </td>

? ? ? ?2、單元格內(nèi)沒有內(nèi)容時,單元格會變成空白,此時單元格的邊框會消失,若為了美觀不想這樣,則可以在空白單元格中輸入一個全角空格或“&nbsp;”?

? ? ? ?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)題。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • ¥開啟¥ 【iAPP實現(xiàn)進(jìn)入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個線程,因...
    小菜c閱讀 7,327評論 0 17
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,013評論 25 709
  • 今日陽光正好
    晝夜不離_ba96閱讀 389評論 0 0
  • 周末回家,陪琪琪 舅舅家再次鬧矛盾。弟弟沒忍住。找對的人很重要,結(jié)婚這事寧缺毋濫。 媽計劃年底回家。 看上一輛車,...
    武允兒閱讀 235評論 0 1

友情鏈接更多精彩內(nèi)容