菜鸟日记-HTML-表格与表单

一、表格 <table></table> width:宽度。可以用像素或百分比表示。 border：边框，常用值0 cellpadding:内容跟单元格边框的边距。常用值0 align:对齐方式 bgcolor:背景色 background：背景图片 <tr></tr>行 align：一行的内容的水平对齐方式 valign：一行的内容的垂直对齐方式 height：行高 bgcolor:背景色 background：背景图片 <td></td>单元格 <th></th>表头，单元格的内容自动居中、加粗 align:单元格的内容对齐方式 valign：单元格的内容的垂直对齐方式 width：单元格宽度 height：单元格高度 bgcolor：背景色 background：背景图片 内容必须放在单元格里，单元格必须放在行里，行必须放在表格里。 单元格合并：clospan:"n"合并同一行单元格 rowspan:"n"合并同一列单元格

二、表单 <form id="" name="" method="post/get" action="负责处理的服务端"> </form> id不可重复；name可重复；get提交有长度限制，并且编码后的内容在地址栏可见， post提交无长度限制，且编码后内容不可见 1、文本输入 文本框：<input type="txt" name="" id="" value="" /> 密码框：<input type="password" name="" id="" value="" /> 文本域：<textarea name="" id="" cols="" rows=""></textarea> 隐藏域：<input type="hidden" name="" id="" value="" /> 2、按钮 提交按钮：<input type="submit" name="" id="" disabled="disabled" value="" /> 重置按钮：<input type="reset" name="" id="" disabled="disabled" value="" /> 普通按钮：<input type="button" name="" id="" disabled="disabled" value="" /> 图片按钮：<input type="image" name="" id="" disabled="disabled" src="" /> 3、选择输入 单选按钮组：<input type="redio" name="" checked="checked" value="" /> 复选框组：<input type="checkbox" name="" checked="" value="" /> 文件上传：<input type="file" name="" id="" /> 下拉列表框： <select name="" id="" size="" multiple="multiple">----------mutiple为多选 <option value="值">内容1</option> <option value="值">内容2</option> <option value="值">内容3</option> </select>