首页 > 代码库 > 表格 表单

表格 表单

今天彻底把表格弄明白了,不过表单只整理了一半,后期补上

表格标签table

表格结构

<table>
  <thead></thead> //头部
  <tbody></tobody> //身体
  <tfoot></tfoot> //脚部
</table> //可省略这个架构

 

组成

技术分享

 

 

table 属性

技术分享

 

单元格跨列

<table bgcolor="#666" border="1" width="500" height="200" cellspacing="0" cellpadding="10">
    <tr>
        <th>564</th>
        <th>564</th>
        <th>564</th>
    </tr>
    <tr>
        <td>564</td>
        <td>564</td>
        <td>564</td>
    </tr>
    <tr>
        <td>564</td>
        <td>564</td>
        <td>564</td>
    </tr>
</table>

技术分享

 

td 属性

技术分享

<table border="1"  >
    <tr>
        <th>564</th>
        <th colspan="2">564</th>
        <th>564</th>
    </tr>
</table>

技术分享

 

 单元格跨列

<table border="1"  width="500" height="200" cellspacing="0" >
    <tr>
        <td>564</td>
        <td rowspan="2">564</td>
        <td>564</td>
    </tr>
    <tr>
        <td>564</td>
        <td >564</td>
        <td>564</td>
    </tr>
</table>

技术分享

 

表单标签form
 
表单用于接收不同用户的输入,提交数据,实现与用户与WEB服务器的交互。
<form action="">
  <input type="text"/>
</form>

 

 

表格 表单