8.7笔记

预格式化标签：

<pre></pre>

表格标签：

1. 表名

   <caption></caption>

2. 定义表格

   <table></table>

3. 表头（自动上下左右居中加粗）

   <tr>
       <th></th>
   <tr>

4. 创建行

   <tr></tr>

5. 创建单元格

   <td></td>

   表格属性：border="1"   显示边框

                           width=""   表格的宽度

                           height=""  表格的高度

                           cellspacing="0"  去除表格多余的边框

                           cellpadding="0"  单元格内文字与边框的边距

                           bgcolor=""  表格的背景颜色

                           align=""  水平方向的对齐方式（center：居中 left:左对齐 right:右对齐）

                           valign=""  垂直方向的对齐方式（middle:居中 top:靠上 bottom:靠下）

单元格属性：colspan=""  列合并

                  rowspan="" 行合并

表单标签：

<form></form>

表单属性：

action=”“  数据提交的位置

method=""  数据的提交方式：

        默认为get(通过地址栏传递数据)

        post(通过隐藏方式提交数据)

name=""  给整个表单提交数据

单行文本框：

<form>
    <input/>
</form>

        属性：

type:输入password会变为密码框

name:一定要写并且不能重复

size:视觉上的大小

maxkength:可输入内容的最大长度

placeholder:占位符（提示，往里面输入内容会消失）

value：值（真实数据）

按钮：

提交按钮：

<input type="submit"/>

重置按钮：

<input type="reset"/>

普通按钮：

<input type="button"/>

多行文本框：

<textarea name="">

        属性：

rows=""  多少行

cols=""   多少列

一定要写name的值

单选按钮：

name值要一致，name值一致的为一组

<input type="radio" name="" value="
" id="a" checked/>
<label for="a"></label>

checked为默认选中的

多选：

name值后面要加上[ ]

其余类似于单选

<input type="radio" name="b[]" value="
" id="a" checked/>
<label for="a"></label>

下拉菜单：

<select name="" size="">
    <option value="a">a</option>
    <option value="a">a</option>
</select>

size表示下拉菜单可见的个数

可用<optgroup></optgroup>标签进行分组

文件上传：

<input type="file" name=""/>

如果有文件上传，form标签里method属性必须是post,enctype属性必须为multipart/form-data

隐藏域：

<input type="hide" name="" value=""/>