HTML表格、表单

1.表格 table

　　<table>

　　　　<tr>

　　　　　　<td></td>

　　　　</tr>

　　</table>

注意：创建表格table tr表示行 td表示单元格

①width px 百分比(相对于父元素的)

②height 没有百分比

③border 边框 bordercolor边框颜色 bgcolor背景颜色 cellspacing单元格之间的距离  cellpadding内容与单元格的距离

④tr属性：valign 文字垂直对齐 top middle bottom

⑤td属性：td:如果一个单元格设置宽度，影响的是这一整列的宽度；td:如果一个单元格设置高度，影响的是这一整行的高度

⑥表格合并行rowspan；表格合并l列colspan

2.表单 form

　　<form action="" method="">

　　　　　　/* 输入框   placeholder提示信息*/

　　　　　　<input type="text" placeholder="请输入你的信息" name="username"/>

 

　　　　　　/* 密码框*/

　　　　　　<input type="password" placeholder="请输入你的密码" name="mima"/>

 

　　　　　　/*提交按钮*/

　　　　　　<!-- <input type="submit" value="登录" name="登录"/> -->

　　　　　　<input type="button" name="登录" value="登录"/>

 

　　　　　　/*重置按钮*/　　　　　

　　　　　　<button type="reset">登录</button>

　　</form>

注意：①提交信息到action指定的地址中

②mothod为表单的提交方式，有两种方法post、get（默认值）

③post和get的区别：post相对于get安全；因为你在输入的内容在url地址看不到，而get则看得到