表格和表单

table表格标签

【1】定义和用法

• <table>用来定义一个表格

• 一个表格由一个或者多个tr,td组成

• tr为一行

• td为一行里面的一个个数据

• th是表头，通常用来定义第一行的数据

• thead用来装表头的那一行，tbody用来装其他行，可写可不写，写上可以让代码看起来更加美观，更加具有可读性

• 标签里面的border属性是表格线条的粗细，cellpadding是表格与内容的间距，cellspacing是表格与表格自建的间距。

【2】例子

<table border="2" cellpadding="20" cellspacing="0" align="center">
    <thead>
    <tr>
        <th>用户名</th>
        <th>密码</th>
        <th>性别</th>
        <th>爱好</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>hqq</td>
        <td>123123</td>
        <td>男</td>
        <td>打游戏</td>
    </tr>
    <tr>
        <td>green</td>
        <td>123456</td>
        <td>男</td>
        <td>洗脚</td>
    </tr>
    </tbody>
</table>

form表单标签

【1】介绍

• 表单是网页中用于收集用户输入信息的一种方式

【2】表单的组成

• 表单由表单域，表单控件，提示信息组成

【3】表单域

• 表单域是一个包含表单元素的区域

• 在html标签中，

  标签用于定义表单域，以实现用户信息的收集和传递

• 会把它范围内的表单元素信息提交给服务器

<form action="url地址" method="提交方式" name="表单域名称">
    各种表单元素控件
</form>

• 常用属性