【前端新手之路第六天】表格与表单

表格

相关标签：<table><tr><td><th>th是表头单元格

<thead><tbody><tfoot>这三个与书写顺序无关，总是按照thead,tbody，tfoot顺序显示；

<colgroup><col>colgroup标签有开始结束，一般用在table标签中，可以用属性span=2来表示横跨两行。col标签没有结束标签，一般用在colgroup，table标签中，没有内容，为一列定义样式，如果没有样式将从colgroup中继承。
table的一些属性：border，width,height,cellspacing,cellpadding.此时设置的边框有默认cellspacing，将其置零则边框没有间隔。
tr的一些属性：align,valign
td的一些属性：align,valign,width,height,rowspan,colspan
//colgroup标签，属性有span,align,valign(top,middle,bottom,baseline)
<table width="100%" border="1">
  <colgroup span="2" align="left"></colgroup>
  <colgroup align="right" style="color:#0000FF;"></colgroup>
  <tr>
    <th>ISBN</th>
    <th>Title</th>
    <th>Price</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>My first HTML</td>
    <td>$53</td>
  </tr>
</table>
//col
<table width="100%" border="1">
  <col align="left" />
  <col align="left" />
  <col align="right" />
  <tr>
    <th>ISBN</th>
    <th>Title</th>
    <th>Price</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>My first HTML</td>
    <td>$53</td>
  </tr>
</table>

表单

type类型：text,password,hidden,radio(可以通过name进行分组)，button,<reset><submit><img>这三个标签只有在form标签中才会起作用，比如form中的reset标签，单击reset,表单内容重置。<input type="image" /> 定义图像形式的提交按钮。必须把 src 属性 和 alt 属性 与 <input type="image"> 结合使用。表单内各种标签是行内元素。
form标签不能嵌套，form中action属性=url，当提交表单数据的时候，向何处发送表单数据。method值为post或者get.form是块元素。