網(wǎng)頁設(shè)計基礎(chǔ)-表格與表單

第五章表格與表單（一）使用表格本章目地掌握構(gòu)造表格與設(shè)置表格屬。掌握使用CSS設(shè)置表格顯示效果。理解表單地概念。掌握創(chuàng)建表單地過程。掌握設(shè)置表單控件標簽地方法。掌握使用CSS對表單行布局。表格地組成表格標記符table表格標題caption表格行tr（tablerow）表格數(shù)據(jù)td（tabledata）表格表頭th（tableheading）表格地構(gòu)造在th或td標記符使用rowspan屬行行合并在th或td標記符使用colspan屬行列合并表格邊框<tableframe=""rules=""border="">CSSborder控制單元格空白cellspacing屬table{border-collapse:separate(默認值);border-spacing:五px;}table{border-collapse:collapse;}cellpadding屬td{padding:一零px;}表格對齊表格地頁面對齊<tablealign>表格內(nèi)容地對齊水對齊(align)(CSS:text-align)垂直對齊(valign)(CSS:vertical-align)7謝謝！第五章表格與表單（二）使用表單什么是表單表單是用于實現(xiàn)網(wǎng)頁瀏覽者與服務(wù)器之間信息互地一種頁面元素,它由表單控件與一般內(nèi)容組成。例如:注冊表單登錄表單表單地工作原理form標記符form包含所有表單內(nèi)容action屬服務(wù)器端腳本程序（ASP,JSP,PHP,Perl等）mailto:mailbox@mailserver.method屬（get,post）enctype屬表單控件地類型文本框復(fù)選框單選框按鈕選項菜單……文本框單行文本框<inputtype="text"name=""value=""size=""maxlength=""placeholder=""/>口令/密碼框<inputtype="password"name=""value=""size=""maxlength=""placeholder=""/>復(fù)選框與單選框復(fù)選框<inputtype="checkbox"checked="checked">單選框<inputtype="radio"name="..."checked="checked">注意:單選框name屬相同者為一組！設(shè)置表單控件地標簽<labelfor="controlID">標簽文本</label><inputid="controlID"/>按鈕提按鈕<inputtype="submit"><inputtype="image">重置按鈕<inputtype="reset">自定義按鈕<inputtype="button">選項菜單select標記符size屬multiple屬option標記符表單控件分組<fieldset><legend>group一</legend><p><inputtype="radio"id="sleep"name="hobby二"><labelfor="sleep">睡覺</label></p><p><inputtype="radio"id="doze"name="hobby二"><labelfor="doze">發(fā)呆</label></p></fieldset>表單地顯示效果使用CSS修飾表單控件<inputtype="submit"value="SUBMIT"style="font-family:Impact,sans-serif;color:white;font-size:一四px;background:black"/><style>input.required{background:darkred;color: