hetml5教程及标签参考

文档类型声明:<!DOCTYPE html>

video/audio

<video width="320" height="240" controls="controls">

  <source src="movie.ogg" type="video/ogg">

  <source src="movie.mp4" type="video/mp4">

  Your browser does not support the video tag.

</video>

 

<audio controls="controls">

  <source src="读书读到什么时候才能改变命运.m4a" type="audio/ogg">(此标签不能省略)

  <source src="读书读到什么时候才能改变命运.m4a" type="audio/m4a">

  Your browser does not support the video tag.

</audio>

2004开始的html5规范,同时开发了许多的web功能,也就是开始了web2.0的时代;

<form>和</form>本身只是用来声明表单的开始和结束,而表单内容的呈现是通过基本表单控件来实现的,因此在标记<form>与</form>之间还必须包含相应的表单控件。表单中所有控件的名称/值对构成了表单数据集,当表单被提交时浏览器负责将表单数据集传送给远程Web服务器,由服务器来进行相应处理;

html5添加了许多新的输入类型,比如search类型、email类型、url类型;

email类型能自动判断输入的email地址是否符合相应规则;

search类型是用来输入搜索关键字的文本框。该类型与text类型仅仅在外观上有区别,它的输入框为圆角矩形文本框,但是也可以用CSS样式表进行修改。当用户开始输入时,它的右边会有一个"X"按钮,单击这个按钮可以快速清除文本框中的内容;

url类型能够自动判断地址是否合法,如果不合法则会给出提示信息。

number类型是用来输入数字的文本框,并且在提交时会检测其中的内容是否为数字。

telphone number类型

range类型是用来得到一定范围内数字值的文本框。

color类型用来选取颜色,它提供了一个颜色选取器。

时间日期类型当用户单击该文本框时会弹出一个日期选择期;

新增表单属性

1 autocomplete属性:规定form或input域是否应该启用自动完成功能;

2 autofocus属性

3 disabled属性使浏览器中的内容变为灰色,如果使用该属性,则会禁止输入字段。可以对disabled属性进行设置,使用户在满足条件时(比如选中复选框等)才能使用输入字体;

4 multiple属性规定输入域中可以选择多个值。

5 placeholder属性:可以在输入框中显示提示信息,用于提示用户应该在此输入什么数据。

6 pattern属性可以提供一种正则表达式,用来验证输入字段与表达式是否匹配。

7 required属性用来检测输入的文本内容是否为空。

8 readonly属性与disabled属性的效果类似,使用readonly属性的字段不能接受焦点也不能进行编辑。但与disabled属性不同的是readonly属性的值可以与表单一起提交。

新增表单元素

1 datalist元素:辅助表单中文本框的数据输入。该元素类似于选择框(select),但是当用户想要设置的值不在选择列表之内时,允许其自行输入。Datalist元素将子项放在option元素中,在使用时只需将input元素的list属性值设置为datalist元素的id即可。

HTML5不仅增加了大量的输入类型、表单属性和表单元素,也加强了对表单元素的验证的功能。可以分为自动验证、显示验证和自定义验证3种;如果验证通不过则表单无法提交;

get方式用来从服务器上获得数据;而post方式用来向服务器上传送数据;

get方式是把参数数据队形加到提交表单的action属性所指的URL中,值和表单内各个字段一一对应,添加到action所指向的URL后面,并且两者使用"?"连接,而各变量之间使用"&"连接,在URL中可以看到;而post方式是通过HTTP Post机制,将表单内各个字段与其内容放置在form的数据体中,按照变量和值相对应的方式传送到action属性所指的URL地址,用户看不到这个过程;

对于get方式,服务器端用Request.QueryString获取变量的值;而对于post方式,服务器端用Request.Form获取提交的数据。

get方式传送的数据量小,不能大于2KB,这主要是受URL长度的限制;而post方式传送的数据量较大,一般默认为不受限制。因此,在上传文件时只能用post方式。

get方式安全性非常低,因为在传输过程中,数据放在请求的URL中,而现在很多服务器、代理服务器或者用户代理都会将请求URL记录到日志文件中,然后放在某个地方,这样可能会有一些隐私的信息被第三方看到。用户在浏览器上直接看到提交的数据,一些系统内部的信息交全一同显示在数据面前。而post方式安全性较高。但是get方式的执行效率却比post方式好。

get方式限制表单的数据集的值必须为ASCII字符,而post方式支持整个ISO 10646字符集。