<div>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<form action="http//www.baidu" method="">
<table border="1px" cellspacing="0">
<colgroup span="4" width="100px">
<tr height="30px">
<td rowspan="4" align="center">总体信息</td>
<td colspan="2"></td>
</tr>
<tr height="30px">
<td align="right">用户名:</td>
<td><input type="text" name="loginname"></td>
</tr>
<tr height="30px">
<td align="right">密码:</td>
<td align="right"><input type="password" name="pwd"></td>
</tr>
<tr height="30px" align="center">
<td colspan="2">
<input type="submit" value="提交">
<input type="reset" value="重置">
</td>
</tr>
</table>
</form>
</body>
table表格 tr表行 t单元格 th=居中的td
table
- border="100px"
- cellspacing=0
- colgroup span="6" width="100px"
- colgroup span="1" width="200px"
tr
- height="100px"
- align="center" < !--整行居中-->
td
- width="100px"
- align="left"
- rospan="3"
- colspan="3"
``` <div> <table border="1px" cellspacing="0">
<colgroup span="4" width="100px">
<tr height="30px">
<td rowspan="4" align="center">总体信息</td>
<td colspan="2"></td>
</tr>
<tr height="30px">
<td align="right">用户名:</td>
<td><input type="text" name="loginname"></td>
</tr>
<tr height="30px">
<td align="right">密码:</td>
<td align="right"><input type="password" name="pwd"></td>
</tr>
<tr height="30px" align="center">
<td colspan="2">
<input type="submit" value="提交">
<input type="reset" value="重置">
</td>
</tr>
</table>
</form>
</body>
```
<table border="1px" cellspacing="0">
<colgroup span="4" width="100px">
<tr height="30px">
<td rowspan="4" align="center">总体信息</td>
<td colspan="2"></td>
</tr>
<tr height="30px">
<td align="right">用户名:</td>
<td><input type="text" name="loginname"></td>
</tr>
<tr height="30px">
<td align="right">密码:</td>
<td align="right"><input type="password" name="pwd"></td>
</tr>
<tr height="30px" align="center">
<td colspan="2">
<input type="submit" value="提交">
<input type="reset" value="重置">
</td>
</tr>
</table>
</form>
</body>
form
- action="链接" method=" <
input
- input type="text"文本输入框name="loginname"自定义的名称
value="属性名称"|password| 密码输入框 ||-radio-|-单选框-| |file| 文件选择框 | | checkbox | 复选框 | |button| 普通按钮 | |-submit-|-提交按钮-| | reset | 重置按钮 | <li>name="loginname"用来登陆的名字 <li>name="pwd"表示密码
知识点总结
- form必须有action属性,表示提交地址
- 所有需要提交的数据,iuput必须要name属性
- input按钮的文字,需要用value属性表示
- input必须放在form标签内才能提交