Html5对表单、视频及音频功能性探索.docx
《Html5对表单、视频及音频功能性探索.docx》由会员分享,可在线阅读,更多相关《Html5对表单、视频及音频功能性探索.docx(8页珍藏版)》请在优知文库上搜索。
1、HtmI5对表单、视频及音频功能性探究1HTM1.5对表单的支持下面小标题描述部分表的的新功能特性.I,入根自动获得焦点实现在网页加我完成毡,光标自动聚焦在用户须要输入的地方,比如邮箱登陆页面的输入用户名,之前我们须要在网页onload的时候来用javascript代码指定某个输入框获得焦点的做法,现在html5干脆支持在输入框中加入autofocus属性。2文本根的入提示实现之前我们须要用javascript的onblur.onfocus来实现一个输入框的提示信息,而在HTM1.5中我们只需写下如下代码即可实现实现效果如图31所示.Email:Iexanplfdomain.t图31输入提示示
2、例在类型后面增加个PlaCehOlder屈性.屈性的值就是提示框里的假.3表单验证功能1)推断必填项:有些表单项是衣单内必埴项,和以往和比现在只须要在表单项中增加一个碱性,required即可.示例代码如下:假如此项为空,则会有相应提示,效果如图3-2所示.发如此项为空,则会有相应提示.2)推断数据格式在HTM1.5中,时数据格式的校验,也是属户内建类型,相应的表单项类型会有相应的内建粉证规则,不须要我们额外编写JaVaSCriPt代妈来实现.代码如下Kn,iInputtype=emai阅读器会自调用内建的Email险证代码,船证当前的输入项是法合法,效果如图33所示.4滑动快入的实现在输入数
3、字类型笄可变值时,我们也可以通过搐动滑动块的形式来选择合适的值,特殊是在选择颜色值时,拖动滑动块变更颜色的RGB值.更为直观可行.Range滑动块代码实现如下:效果如图3-4所示.Age:-Q乂图34激动块示例可以干脆拖动,可以设置最小曲、最大伯、以及每拖动一格的步长.Min及max属性设湿滑动块的G小值与以大做,Step设置滑动块拖动的步长.5数字,入据实现除了的滑动块可以输入数侪外,HTM1.5还有另一种数据输入类型NUmber.运用此M性可以能过点击轮入枢后面的增加或削减小按钮来调整要输入的数位.实现代码如下:Vnputlype=number/效果如图3-5所示.图3-5数字输入示例刖如
4、此少的代码,就能实现如此好玩的功能,HTM1.5到来如何能不让大家心动。6输入框下拉提示实现清行HTM1.5时表单下拉输入根的嵌图展示,由此我们输入表单的时候,可以很便利的从侦设值中选择要给人的信息.下拉提示的核心代码如下:optionvalue=*label=,Bingsearchengines:httpwv效果如图36所示.GoogleYahooBingBaidu图36下拉提示示例可以用作现在很流行的ajax输入提示,也可以当作是一个可端轼的卜拉菜单。即可自行输入.也可以干脆下拉选择.但是运用用脚本代码也太过干烦索HTM1.5可以很好解决这个问国.7日期选舞柢实现它可以让我们很便利的运用1
5、1期选界框,不须要我们再用很困玳的JaVaSCriPt代码来实现了。该选择框的核心代眄如下:Date表单项可以让我们干脆选择日期,便利我们输入H期选择框效果如图37所示。K文件上传功总块实现运用此功能我们可以很轻松的上传文件代码如下:效果如图38所示7.个性头案:F:CWP-s-AVIdi,送鳌图3-8文件上传示例AeeePt是文件接受的类型,可以用指代所以有文件2对视频和音频的支持视频和音频站我们在互联网上运用最频烦最多的,然而网站开发人员却要因为插件不同编写大量JR处性代码,时用户来说也要装多种插件,如今HTM1.5内建支持视频音频,IVideolttW3C公布的HTM1.5标准草案中VV
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Html5 表单 视频 音频 功能 探索