网页设计基础-表格与表单

第五章表格与表单（一）使用表格本章目地掌握构造表格与设置表格属。掌握使用CSS设置表格显示效果。理解表单地概念。掌握创建表单地过程。掌握设置表单控件标签地方法。掌握使用CSS对表单行布局。表格地组成表格标记符table表格标题caption表格行tr（tablerow）表格数据td（tabledata）表格表头th（tableheading）表格地构造在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>表格内容地对齐水对齐(align)(CSS:text-align)垂直对齐(valign)(CSS:vertical-align)7谢谢！第五章表格与表单（二）使用表单什么是表单表单是用于实现网页浏览者与服务器之间信息互地一种页面元素,它由表单控件与一般内容组成。例如:注册表单登录表单表单地工作原理form标记符form包含所有表单内容action属服务器端脚本程序（ASP,JSP,PHP,Perl等）mailto:mailbox@mailserver.method属（get,post）enctype属表单控件地类型文本框复选框单选框按钮选项菜单……文本框单行文本框<inputtype="text"name=""value=""size=""maxlength=""placeholder=""/>口令/密码框<inputtype="password"name=""value=""size=""maxlength=""placeholder=""/>复选框与单选框复选框<inputtype="checkbox"checked="checked">单选框<inputtype="radio"name="..."checked="checked">注意:单选框name属相同者为一组！设置表单控件地标签<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">发呆</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: