【form表单】
1、form表单有两个重要的属性
　　action：表示将表单提交给哪个服务器地址。
　　method：表单提交数据的方式，可选值有get、post两种。

[get和post的区别]
　　①get使用url传递数据，所有内容在地址栏可见，不安全。
　　    post的数据无法在地址栏看到，较安全。
　　②get传递的数据量有限，而且只能传递纯文字内容；
           post可以传递大量数据，并且可以传递图片、视频等文件。
　　③get的传输速度要比post快。

[get传递数据的URL格式]
http：//原来的地址.html？name1=value1&name2=value2
比如：http：//127.0.0.1:8020/0595.html?username=123
所以，input使用时，name属性必不可少，缺少name，将导致该输入框的数据不向后台传递。

2、input的常用属性：
　　①type：表示当前输入框是何种类型的输入框；
　　②name：给输入框起别名。向后台传递时，使用name=value的形式传递。

　　③value：当前input的默认值；
　　④placeholder：输入框的提示内容，当输入框有value时提示内容消失。

　　⑤hidden：隐藏当前输入框。可以写为hidden="hidden",也可以省略属性值，只写<input type="text" hidden>
　　　　隐藏的输入框依然可以向后台传递数据
　　⑥disabled：禁用当前输入框。可以显示，不能使用。
　　　　被禁用的输入框内容，将不能向后台传递数据。
　　⑦ checked="checked" 设置单选/多选按钮，默认选中。
3、input的type类型：
　　①text：普通的文本框；
　　②password：密码框输入的内容，显示为小黑点。
　　③radio：单选按钮，单选按钮的value不能省略，这个value需要传到后台；
　　　　单选按钮，凭借name是否相同，区分按钮是否为同一组。同一组按钮只能选中一个，name必须相同。
　　　　checked="checked" 设置单选按钮，默认被选中。
　　④checkbox：多选按钮，其他与单选按钮相同。
　　⑤file：文件上传框。
　　　　accept属性可以限制只能上传何种类型的文件。"*"表示可以接受所有文件，"image/*"表示只能接受图片。
　　　　multiple="multiple" 设置可以上传多个文件。
　　⑥submit：表单提交按钮
　　⑦reset：表单重置按钮，点击将表单恢复为初始状态。
　　⑧image：图形提交按钮，src属性导入图片，与submit都具有提交表单的作用。
　　⑨button：显示为按钮形状，但是没有任何作用。
　　⑩hidden：隐藏的输入框，与 普通输入框+hidden="hidden" 的作用相同。
4、select 下拉选择区块
　　①select里面的每一项，用<option></option>标签表示；
　　②name属性，需要写到select标签上；
　　③option标签如果有value属性，择向后台传递的将是value属性的值，
　　　　如果没有value属性，则传递的是<option></option>标签之间的文字。
　　④option添加属性中，selected="selected"设置选中默认项
　　⑤select添加属性multiple="multiple",设置当前下拉控件可以多选。
　　⑥option添加属性title，表示鼠标指上后的文字。
　　⑦select可以使用<optgroup></optgroup>标签对选项进行分组，用label属性显示分组名

青岛烟台济南淄博

5、textarea 文本域
　　①文本域大小控制：
　　　　可以用文本域属性cols="20"(宽度多少字符) rows="20"（高度等于多少行）
　　　　可以使用css样式style="width: 200px; height: 300px;"
　　②设置文本域大小不能拖动
　　③设置文本域为只读模式，不能修改
　　　　<textarea readnoly="readonly"></textarea>
　　④文字超出区域处理：
　　　　使用style="overflow: xx"样式，可以设置文字超出区域的显示的方式:
　　　　>>>overflow:hidden; 超出区域的文字隐藏不显示；
　　　　>>>overflow: scroll:无论文字多少，都会显示水平垂直滚动条；
　　　　>>>overflow: auto：自动，默认效果。文字多显示滚动条，文字少不显示滚动条
　　　　>>>可以使用overflow-x和overflow-y单独修改两个方向的滚动条。
　　　　overflow-x: scroll;overflow-y: hidden;

form表单 代码如下：

用户名 disabled hidden密码性别男 女 不明 兴趣吃 喝 玩 乐 身份证城市青岛烟台济南淄博阅读服务协议： readonly

【html5智能表单】
1、H5给我们提供了将form外的input与表单关联的方式。只需要给form表单起一个id，
　　然后给表单外面的input添加form属性，指向这个id，就可以实现表单与input的绑定
　　<form></form>
　　<input form="ff"/>
2\H5给我们新增了许多input的新的type类型
　　range color date email url等
3、H5新增的input属性：
　　①form属性：关联指定表单的id
　　②placeholder：输入框的提示内容
　　③required="required" 表示必填
　　④autofocus： 指定输入框自动获得焦点
　　⑤autocomplete：可以设置是否开启自动提示完成功能，默认 为开启状态，
　　设置为off表示关闭，设置为on表示打开
　　可以为form标签设置autocomplete，控制表单所有输入框的自动提示功能。