Html5的表格與表單

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

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

表格

? ? ? ?1仗颈、當單元格內的文字內容太長時刻盐,會自動換行,若想不換行蠢箩,則可以使用nowrap

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

? ? ? ?2链蕊、單元格內沒有內容時,單元格會變成空白谬泌,此時單元格的邊框會消失滔韵,若為了美觀不想這樣,則可以在空白單元格中輸入一個全角空格或“&nbsp掌实;”?

? ? ? ?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>表示分組標題引矩。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末梁丘,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子旺韭,更是在濱河造成了極大的恐慌氛谜,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,509評論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件区端,死亡現場離奇詭異值漫,居然都是意外死亡,警方通過查閱死者的電腦和手機织盼,發(fā)現死者居然都...
    沈念sama閱讀 92,806評論 3 394
  • 文/潘曉璐 我一進店門杨何,熙熙樓的掌柜王于貴愁眉苦臉地迎上來酱塔,“玉大人,你說我怎么就攤上這事晚吞⊙泳桑” “怎么了?”我有些...
    開封第一講書人閱讀 163,875評論 0 354
  • 文/不壞的土叔 我叫張陵槽地,是天一觀的道長迁沫。 經常有香客問我,道長捌蚊,這世上最難降的妖魔是什么集畅? 我笑而不...
    開封第一講書人閱讀 58,441評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮缅糟,結果婚禮上挺智,老公的妹妹穿的比我還像新娘。我一直安慰自己窗宦,他們只是感情好赦颇,可當我...
    茶點故事閱讀 67,488評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著赴涵,像睡著了一般媒怯。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上髓窜,一...
    開封第一講書人閱讀 51,365評論 1 302
  • 那天扇苞,我揣著相機與錄音,去河邊找鬼寄纵。 笑死鳖敷,一個胖子當著我的面吹牛,可吹牛的內容都是我干的程拭。 我是一名探鬼主播定踱,決...
    沈念sama閱讀 40,190評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼恃鞋!你這毒婦竟也來了崖媚?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,062評論 0 276
  • 序言:老撾萬榮一對情侶失蹤山宾,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后鳍徽,有當地人在樹林里發(fā)現了一具尸體资锰,經...
    沈念sama閱讀 45,500評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,706評論 3 335
  • 正文 我和宋清朗相戀三年阶祭,在試婚紗的時候發(fā)現自己被綠了绷杜。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片直秆。...
    茶點故事閱讀 39,834評論 1 347
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖鞭盟,靈堂內的尸體忽然破棺而出圾结,到底是詐尸還是另有隱情,我是刑警寧澤齿诉,帶...
    沈念sama閱讀 35,559評論 5 345
  • 正文 年R本政府宣布筝野,位于F島的核電站,受9級特大地震影響粤剧,放射性物質發(fā)生泄漏歇竟。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,167評論 3 328
  • 文/蒙蒙 一抵恋、第九天 我趴在偏房一處隱蔽的房頂上張望焕议。 院中可真熱鬧,春花似錦弧关、人聲如沸盅安。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,779評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽别瞭。三九已至,卻和暖如春茸习,著一層夾襖步出監(jiān)牢的瞬間畜隶,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,912評論 1 269
  • 我被黑心中介騙來泰國打工号胚, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留籽慢,地道東北人。 一個月前我還...
    沈念sama閱讀 47,958評論 2 370
  • 正文 我出身青樓猫胁,卻偏偏與公主長得像箱亿,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子弃秆,可洞房花燭夜當晚...
    茶點故事閱讀 44,779評論 2 354

推薦閱讀更多精彩內容

  • ¥開啟¥ 【iAPP實現進入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個線程届惋,因...
    小菜c閱讀 6,409評論 0 17
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,111評論 25 707
  • 今日陽光正好
    晝夜不離_ba96閱讀 312評論 0 0
  • 周末回家,陪琪琪 舅舅家再次鬧矛盾菠赚。弟弟沒忍住脑豹。找對的人很重要,結婚這事寧缺毋濫衡查。 媽計劃年底回家瘩欺。 看上一輛車,...
    武允兒閱讀 214評論 0 1