标签
文本框：``` <input type="text" /> ```
属性：``` 大小：size="10" 初始值：value="文本框" 背景文字：placeholder="请输入"```
密码框：``` <input type="password" /> ```
单选框：```<input type="radio" />男
<input type="radio" />女 ```
属性：``` 默认：checked="checked" 唯一：name="sex" ```
复选框：```<input type="checkbox" />男
<input type="checkbox" />女 ```
文本域：``` <textarea></textarea> ```
属性：``` 宽度：cols="10px" 高度：rows="5px" ```
下拉框：``` <select>
<option>陈老师</option>
<option>王老师</option>
<option>赵老师</option>
</select> ```
属性：```大小：size="5" 多选：multiple="multiple" 默认：selected="selected" ```
表单：```
<form action="/login" method="post">
账号：<input type="text"/>
密码：<input type="password"
</form>
post和get区别？
1、get是默认提交，get提交的数据在地址栏显示，不能用于二进制提交
2、post提交的数据不在地址栏显示，可以用于二进制提交```
普通按钮：```不具备提交功能： <input type="button" value="普通按钮" /> ```
提交按钮：```具备提交功能：<input type="submit" value="提交按钮" /> ```
重置按钮：```数据重置： <input type="reset" value="重置按钮" /> ```
图片按钮：```<input type="image" src="1.png" />```
按钮：```<button type="submit">做提交</button>```
练习
练习
<!DOCTYPE>
<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
</head>
<body>
<form action="/login" method="post">
<table align="center">
<tr>
<td align="right">用户名：</td>
<td>
<input type="text" placeholder="请输入用户名"><font color="red">不能小于3个字符</font>
</td>
</tr>
<tr>
<td align="right">密码：</td>
<td><input type="password"/></td>
</tr>
<tr>
<td align="right">确认密码：</td>
<td><input type="password"/></td>
</tr>
<tr>
<td align="right">Email：</td>
<td><input type="text"/></td>
</tr>
<tr>
<td align="right">真实姓名：</td>
<td><input type="text"/></td>
</tr>
<tr>
<td align="right">性别：</td>
<td>
<select>
<option selected="selected">男</option>
<option>女</option>
</select>
</td>
</tr>
<tr>
<td align="right">生日：</td>
<td>
<select>
<option>1980</option>
<option>1981</option>
</select>
<select>
<option>1</option>
<option>2</option>
</select>
<select>
<option>1</option>
<option>2</option>
</select>
</td>
</tr>
<tr>
<td align="right">手机：</td>
<td><input type="text"/></td>
</tr>
<tr>
<td align="right">居住地：</td>
<td>
<select>
<option>四川省</option>
</select>
<select>
<option>成都市</option>
</select>
<select>
<option>成华区</option>
</select>
<select>
<option>三圣乡</option>
</select>
</td>
</tr>
<tr>
<td align="right">QQ：</td>
<td><input type="text"/><br/><font color="blue">设置QQ为在线状态</font></td>
</tr>
</table>
</form>
</body>
</html>
