表格和表单

表格

代码格式

<caption>表格标题</caption>

<table>
    <tr>
        <th></th>
        <th></th>
    </tr>
    <tr>
        <td></td>
        <td></td>
    </tr>
</table>

table属性

    border="1" width="300px" height="80px"
    cellspacing="0px" cellpadding="5px"
    align="center" bordercolor="red"
    bgcolor="blue" background=""
 
表格的跨行跨列
colspan：跨行
rowspan：跨列

表单

表单格式

<form action="" method="get">
    <fieldset>
      <legend>标题<legend>
        <input type="text">
    </fieldset>
</form>

input中type的各种功能
test：单行文本输入
password：密码
radio：单选
checkbox：多选
reset：重置表单数据
file：文件上传
submit：提交表单数据
image：图形提交按钮
buttom：普通按钮
select：可选择(option:选择项，selected：优先显示项)
testarea：文本编辑处（通过rows，cols来确定大小）
email：限定用户输入email格式

url：限定用户输入网址格式

date：限定用户输入日期格式

time：限定用户输入时间格式

month：限定用户输入月份格式

week：限定用户输入周格式

number：限定用户输入数字格式

range：一个滑动条的效果

color：选择颜色格式

input的其他属性
tabindex：可控制tab键的顺序
name，value
required：必填
placeholder：提示
autofocus：焦点
autocomplete：自动补全