HTML5笔记（三）

                   # 表格、表单

表格

表格的结构

<table border="1">
    <tr>
        <td>row 1, cell 1</td>
        <td>row 1, cell 2</td>
    </tr>
    <tr>
        <td>row 2, cell 1</td>
        <td>row 2, cell 2</td>
    </tr>
</table>

表格的属性

表格table相关属性：
宽度  width
高度  height
边框  border
边框颜色  bordercolor
背景颜色   bgcolor   
文字水平对齐  align=“left或right或center”
cellspacing="单元格与单元格之间的间距“ 必须给table
cellpadding="单元格与内容之间的空隙"  必须给table
合并单元格属性：
        colspan=“所要合并的单元格的列数”合并列;必须给td
        rowspan=“所要合并单元格的行数”合并行; 必须给td
合并之后需要把多余的单元格删除

表单

HTML 表单用于收集用户输入。<input> 元素有很多形态，根据不同的 type 属

<input type="text"> 单行文本框
<input type="password"> 密码框
<input type="radio"> 单选按钮
<input type="checkbox"> 复选按钮
<input type="submit"> 提交按钮
<input type="reset"> 重置按钮


<textarea  cols="30" rows="10"></textarea> 实现多行文本框
 <select>
     <option>上海</option>
     <option>北京</option>
     <option>天津</option>
     <option>厦门</option>
</select>
实现多行文本框


注意点：
1. 保证单选按钮能够单选，可以通过相同的name值来实现 <input type="radio" name='sex'>
2. 保证重置按钮能够重置，需要将所有的表单控件放在form标签内部
3. <input type="text" placeholder='输入...'>  占位符，占位的内容不可以被删除
   <input type="text" value='zhangsan'>  类似于用户的输入内容，内容可以被删除
4. 如果想让复选框或者单选按钮默认被勾选，则需要设置checked属性
<input type="radio" checked> 
<input type="check" checked>