【HTML5】学习笔记2(常用标签2)

<form></form>表单标签
<form action="" method="post" enctype="">
表单数据
</form>
action：向何处发送表单数据，这个属性值是一个URL地址，如果不填写会提交到前页
method：可选值为get和post，默认值为get
enctype：设置表单数据在发送到服务器之前该如何编码。一般情况下不会用到，但是数据上传的时候要用到。
注意：只有method为post的时候method才会生效。
POST和GET的区别
1.POST：表单数据将通过头发送的方式传输数据，不会显示在URL地址中。
GET：用户提交内容将会通过URL参数的方式传递到后台。
2.POST：提交敏感数据安全
　GET：提交敏感数据不安全
3.POST：可以提交大体积数据
　GET：提交大数据不行，因为地址栏中储蓄体都有限制。
4.POST：将信息封装到了请求体中。
　GET：将信息封装到了请求体的求情中。
在服务端的一个区别
如果出现将数据提交到tomcat服务器，服务器默认用ISO8859-1进行编码会出现乱码，通过ISO8859-1进行编码，在指定的文件码表解码即可。
这种方式对get和post提交都有效，但是对post提交的中文还有另一种解决办法，就是直接使用服务器request对象的setCharacterEncoding方法直接设置指定的文件码表就可以将文件数据解析出来，这个方法只对请求体中的数据进行解码。
和服务器进行交换的三种方式
1.地址栏输入url地址 get请求
2.超链接 get请求
3.表单 get和post请求

装载数据的控件称为表单元素用<input />来设置
<input type="button" name="name" value="userNmae" />
type属性：指定表单元素的类型
name属性：指定表单元素的名称
value 属性：可选属性，一般用于做初始值。如果type设置为radio，则必须定义一个值。
maxlength属性：最大长度。默认为无限
checked属性：指定按钮是否被选中。
size属性：长度有可能能和浏览器的字体有关系。文本框长度。
readonly属性：只读属性
disabled属性：禁用属性
required属性：强制输入
placeholder属性：提示信息

多行文本框标签
<textarea>
rows属性：显示6行
cols属性：显示20列

单选按钮
如果是同一组就要让name值相同
type="radio"
属性
checked属性：默认选择
disabled属性：禁用

多选按钮
type="checkbok"
如果是同一组就要让name值相同
属性
checked属性：默认选择
disabled属性：禁用

下拉列表标签
<select>和<option>标签
在<select>标签中定义<optgroup>标签使用label属性显示分组的信息，然后将<option>标签放在本标签中，就有了子菜单的效果。
<select>标签常用可选属性
size属性：可见的选项数量，显示多少跟浏览器有关
multiple属性：如果定义，则允许多选择
<option>标签常用可选属性
selected属性：设置选项默认被选中
disabled属性：设置选项为禁用状态

按钮
提交按钮submit、重置按钮reset、普通按钮button(一般给JavaScript使用)
定义：
<input type="按钮类型" value="显示信息" />
图片按钮定义
<input type="image" src="图片位置" />

隐藏域
<input type="hidden" name="名称" value="值" />
注：在防止表单恶意提交的时候非常有用

文件选择框
<form enctype="multipart/form-data" action="提交地址" method="post">
<input type="hidden" name="MAX_FILE_SIZE" value="接收的最大 大小 可选" /> 提示信息:
<input name="名称" type="file" />
<input type="submit" value="按钮文字" />
</form>

标签关联文字和表单元素
显式关联：
<label for="表单元素ID值">文字信息</label>
隐式关联：
<label>文字信息 表单元素</label>
注：建立链接成功后，当点击文字，相应的表单也会做出响应。

分组(分组框)
<fieldset>
<legend>描述信息</legend>
</fieldset>

音频和视频
<audio>音频标签
<video>视频标签
src属性：确定视频位置
controls属性：显示播放控件
多浏览器播放
<video width="640" height="480" controls="controls">
先播放第一个source标签如果视频不能播放会尝试下一个播放，如果都不能播放会提示当前浏览器不支持video标签。
<source src="视频地址"></source>
当前浏览器不支持video标签
</video>

框架:frameset
frame:框架中的内容
<frameset rows="30%,*">：
创建框架分为上下两个子窗体，第一个子窗体分占用30%，第二部分为所有
<frame src="zuo.html" name="zuo"/>：
确定框架中的内容，name子窗体的名字
====================================================================