总结HTML表单学习

收集用户填写的信息并将其提交到后台服务器。
<form>
action属性：指定提交的地址
method属性：指定提交的方式，get/post
get和post方式的区别：(1) 长度的限制，get方式限制为2k以内(2)安全性，get方式提交的数据会直接呈现在地址栏，敏感数据容易被截获
文本框
<input type="text">
maxlength：指定文本框能接收的最大字符个数;
size：指定文本框的大小（宽度）;
value:指定初始值
密码框
<input type="password">
密码框和文本框是一样的，文本框的属性同样适用于密码框，唯一不同的是密码框是以掩码的形式表示。
label
<label>的作用
（1） 可以单独对其应用相应的样式
（2） for属性可以使之和某个<input>关联，即当单击文本会激活对应的<input>。
<label for="userID">账号：</label>
<input id="userID" type="text"maxlength="10"size="20"value="abc">
<br>
<br>
<label for="password">密码：</label>
<input id="password" type="password"maxlength="6">
单选按钮
<input type="radio"name="role">学生
<input type="radio"name="role"checked>教师
<input type="radio"name="role">管理员
如果需要将若干个单选按钮编为一组（一组最多只有一个被选中），需要设置相同的name属性。
如果需要默认选中某个选项，需加上checked属性。
标签属性的表现形式：
（1） 键值对：属性名=属性值
type=”text”、maxlenth=“6”
（2） 一些取值为布尔类型的属性直接使用属性名，
Checked、readonly
多选按钮
你的兴趣爱好是：
    <input type="checkbox"checked>音乐
    <input type="checkbox"checked>阅读
    <input type="checkbox">游戏
    <input type="checkbox">睡觉
</form>
提交按钮
<input type="submit">
（1） 点击按钮之后跳转到form表单指定的action.Action 属性 action 属性定义在提交表单时执行的动作。

向服务器提交表单的通常做法是使用提交按钮。

通常，表单会被提交到 web 服务器上的网页。

（2） Value属性：value对应得值就是按键上显示的文字。
（3） 当前URL：http://localhost:63342/untitled/chapter4/result.html?name=huadian&password=123456
点击按钮将form表单中的input中name属性值（键）和用户输入的值组成键值对<或input标签value属性对应的值>。并凭借到form表单action属性值得后面。
4.8重置按钮
<input type="reset"value="刷新">
（1） 点击按钮，重置表单内部的输入框（点选按钮）
（2） Value属性：value对应的值按键上显示的文字
普通按钮
<input type="button"value="效验">
（1） 点击按钮，没有任何反应。
（2） Value属性：value对应的值按键上显示的文字
图片按钮
<input type="image" src="login1.jpg"alt="登录">
（1） 作用和submit按钮是一样的。
（2） 需要设置src属性的值，如果src对应得路径没有找到图片，并且有没有设置alt属性，按钮显示默认值“提交”如果设置了alt属性则显示alt的值（类似img标签）。<button>标签
（1）内容可以是任何资源（eg:图片,段落,视频....


(2)当button标签放置在form内部,作用和submit一样.