表格Table
简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。
tr 元素定义表格行,th 元素定义表头,td 元素定义表格单元。
tr:代表的行
th:表头 自动加粗
td:单元格,代表列
<table>
<tr>
<th>表头第一行第一列</th>
<td>第一行第二列</td>
</tr>
<tr>
<td>第二行第一列</td>
<td>第二行第二列</td>
</tr>
<tr>
<td>第三行第一列</td>
<td>第四行第一列</td>
</tr>
</table>
表单form
表单通常用于让用户能够进行输入操作使用的,例如常见的登录、搜索、注册、图片上传等等
get:默认的提交方式,get方式提交的数据会在地址栏中显示出来,很不安全,所能提交的数据量比较小,效率高
post:效率低,安全,携带大量的数据,不会在地址栏中显示
简单的登录界面:
<form action="#" method="post">
<table align="center">
<tr align="center"><th>用户名密码登录</th></tr>
<tr>
<td><label for="name">用户名:</label></td>
<td><input type="text" name="name" id="name" placeholder="请输入邮箱或者账号" /></td>
</tr>
<tr>
<td><label for="password">密码:</label></td>
<td><input type="password" name="password" id="password" /></td>
</tr>
<tr>
<td><input type="submit" value="登录" /></td>
<td align="right"><a href="work02.html">注册</a></td>
</tr>
</table>
</form>