HTM标签2
1.表单标签：
*表单：
*概念：用于采集用户输入的数据的。用于和服务器进行交互。
*使用的标签：form
*form:用于定义表单的，可以定义一个范围，范围代表采集用户数据的范围
没有任何的样式
*属性：
*action:指定提交数据的URL
*method：指定提交方式
*分类：一共7种，2种比较常用
get:
1.请求参数会在地址栏中显示，会封装到请求行中
2.请求参数长度是有限制的
3.不太安全
post:
1.请求参数不会在地址栏中显示，会封装在请求体中
2.请求参数大小没有限制
3.较为安全
*表单中的数据想要提交，必须指定其name属性
*表单项：
*input:定义一个输入控件，可以通过type属性值，改变元素展示的样式
*type属性：
*text:文本输入框
*placeholder：指定输入框的提示信息，当输入框的内容发生变化提示信息会自动消失
*password：密码输入框
*radio:单选框
*注意：
1.一组单选框的name属性必须一样才能实现单选
2.一般会给每一个单选框提供value属性，指定其被选中后提交的值
3.checked属性可以指定默认值
*checkbox:复选框
*注意：
1.一般会给每一个选框提供value属性，指定其被选中后提交的值
2.checked属性可以指定默认值
*file：文件选择
*hidden:隐藏域，用于提交一些信息
*按钮：
*submit：提交按钮，可以提交表单
*button：普通按钮
*image:图片提交按钮
*src指定图片的路径
*label:指定输入项的文字描述信息
*注意：
*label的for属性一般会和input的id属性值对应，如果对应了，则点击label区域，会让input输入框获取焦点。（跳转到输入区域）
*select:下拉列表
*子元素：option，指定列表项
*textarea：文本域
*cols:指定列数（每一行有多少字符）
*rows:默认多少行。
案例
代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<form action="#" method="get">
<table cellpadding="0" cellspacing="0" border="1" width="40%" align="center">
<tr>
<td width="20%">
<label for="username">用户名</label>
</td>
<td>
<input type="text" name="username" id="username" placeholder="请输入账号"/>
</td>
</tr>
<tr>
<td>
<label for="password">密码</label>
</td>
<td>
<input type="password" name="password" id="password" placeholder="请输入密码" />
</td>
</tr>
<tr>
<td>
<label for="email">Email</label>
</td>
<td>
<input type="email" name="email" id="email" placeholder="请输入Email"/>
</td>
</tr>
<tr>
<td>
<label for="name">姓名</label>
</td>
<td>
<input type="text" name="name" id="name" placeholder="请输入真实姓名"/>
</td>
</tr>
<tr>
<td>
<label for="tel">手机号</label>
</td>
<td>
<input type="number" name="tel" id="tel" placeholder="请输入您的手机号" />
</td>
</tr>
<tr>
<td>
性别
</td>
<td>
<input type="radio" name="gender" value="male" checked="checked"/>男
<input type="radio" name="gender" value="female" />女
</td>
</tr>
<tr>
<td>
出生年月
</td>
<td>
<input type="date" name="birthday"/>
</td>
</tr>
<tr>
<td>
<label for="checkcode"> 验证码</label>
</td>
<td>
<input type="text" name="checkcode" id="checkcode"/>
<img src="img/QQ截图20200429161924.png" >
</td>
</tr>
<tr>
<td align="center" colspan="2">
<input type="submit" value="注册" />
</td>
</tr>
</table>
</form>
</body>
</html>
