【HTML5新增表单元素和表单属性】教程文章相关的互联网学习教程文章

html5中返回AudioTrackList对象的属性audioTracks

实例获得可用音轨的数量:myVid=document.getElementById("video1"); alert(myVid.audioTracks.length);定义和用法audioTracks 属性返回 AudioTrackList 对象。AudioTrackList 对象表示音视频的可用音轨。每个可用的音轨由一个 AudioTrack 对象表示。浏览器支持任何主流浏览器都不支持 audioTracks 属性。语法audio|video.audioTracks类型描述AudioTrackList 对象表示音视频的可用音轨。AudioTrackList 对象:audioTracks.length -...

html5中设置或返回音视频是否在加载后即开始播放的属性autoplay

实例启用自动播放,并重载视频:myVid=document.getElementById("video1"); myVid.autoplay=true; myVid.load();定义和用法autoplay 属性设置或返回音视频是否在加载后即开始播放。浏览器支持所有主流浏览器都支持 autoplay 属性。注释:Internet Explorer 8 或更早的浏览器不支持该属性。语法设置 autoplay 属性:audio|video.autoplay=true|false返回 autoplay 属性:audio|video.autoplay属性值值描述true指示音视频在加载完成后...

html5设置或返回音频/视频是否应该在结束时再次播放的属性loop

实例将视频设置为循环播放:myVid=document.getElementById("video1"); myVid.loop=true;定义和用法loop 属性设置或返回音频/视频是否应该在结束时再次播放。浏览器支持所有主流浏览器都支持 loop 属性。注释:Internet Explorer 8 或更早的浏览器不支持该属性。语法设置 loop 属性:audio|video.loop=true|false返回 loop 属性:audio|video.loop属性值值描述true指示音频/视频应该在结束时再次播放。false默认。指示音频/视频不应...

javascript-html5中的input的type属性已经有tel、number、email的,还需要写正则去验证的吗?

1、html5中的input的type属性已经有tel、number、email的,还需要写正则去验证的吗?2、html5中的input的type属性总共是新增了13个,我把这13个总结了一下,分别是type的这些属性:color(定义拾色器)、date(定义日期字段)、datetime(定义日期字段)、datetime-local(定义日期字段)、month(定义日期字段的月)、week(定义日期字段的周)、time(定义日期字段的时、分、秒)、email(定义用于 e-mail 地址的文本字段)、num...

HTML5form新增的属性

1.HTML 5 <input> formaction 属性定义和用法formaction 属性规定当提交表单时,向何处发送表单数据。注意内容:1.formaction 属性规定当表单提交时处理输入控件的文件的 URL。2.formaction 属性覆盖 <form> 元素的 action 属性。注释:formaction 属性适用于 type="submit" 和 type="image"。<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>formaction</title> </head> <body> <form id="testform"><input...

html5中利用js属性实现水平下拉菜单的效果(代码)

本篇文章给大家带来的内容是关于html5中利用js属性实现水平下拉菜单的效果,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。<!doctype html> <html> <head> <title></title> <meta charset="utf-8"> <style>*{padding:0px;}p{margin:20px 150px;}ul{list-style:none;}ul li{float:left;position:relative;}ul li a{text-decoration:none;background:#900;height:40px;display:block;color:#fff;font-weight:bold;...

JavaScript如何获取html5中data属性的实例

我以前一直以为只能用jquery的data()来获取哈哈 是我太弱了<!DOCTYPE html> <html><head><title>dataset</title><meta charset="utf-8"> </head><body><p id=p data-index=demo></p> </body> <script type="text/javascript">var a = document.getElementById(p); console.log(a) console.log(a.dataset.index)//demo</script></html> 直接用dataset就可以获取到DOM元素的data属性好吧,还可以 用js的获取属性的方法getAttribute(...

基于jQuery的让非HTML5浏览器支持placeholder属性的代码_jquery【图】

效果图:http://code.google.com/p/jquery-placeholder-js/ 演示代码:http://demo.jb51.net/js/2011/jqueryplaceholder/打包下载:http://xiazai.jb51.net/201105/yuanma/jqueryplaceholder.rar

HTML5之lang属性与dir属性的详解_基础知识【图】

1:lang属性用于指定元素的属性值以及元素的内容文字所用的基准语言,默认值未知,但是,是否适用与属性,还要取决于语法和属性的语义,以及卷入的操作 用户浏览器在呈现HTML文档时,该属性的益处有以下几点: (1) 协助搜索引擎 (2) 协助语音合成 (3) 协助选择符号异体字用于高品质的印刷 (4) 协助选择一套引号 (5) 协助解决连字符、绑定和空格 (6) 协助进行拼写检查和语法检查2:文字方向属性dir 代码如下:唐诗一首...

html5的自定义data-*属性和jquery的data()方法的使用示例_jquery

人们总喜欢往HTML标签上添加自定义属性来存储和操作数据。但这样做的问题是,你不知道将来会不会有其它脚本把你的自定义属性给重置掉,此外,你这样做也会导致html语法上不符合Html规范,以及一些其它副作用。这就是为什么在HTML5规范里增加了一个自定义data属性,你可以拿它做很多有用的事情。 你可以去读一下HTML5的详细规范,但这个自定义data属性的用法非常的简单,就是你可以往HTML标签上添加任意以 "data-"开头的属性,这些属...

jQuery中使用data()方法读取HTML5自定义属性data-*实例_jquery

主要的方法如下: 代码如下:.data( key, value ).data( obj ).data( key ).data()从jQuery 1.4.3起, HTML 5 data- 属性 将自动被引用到jQuery的数据对象中。例如HTML: 代码如下: 下面的 jQuery代码都是返回 true 的: 代码如下:$ ( "div" ) . data ( "role" ) === "page" ;$ ( "div" ) . data ( "lastValue" ) === 43 ;$ ( "div" ) . data ( "hidden" ) === true ;$ ( "div" ) . data ( "options" ) . name === "John" ;和html5的...

Html5的placeholder属性(IE兼容)实现代码_jquery

HTML5对Web Form做了许多增强,比如input新增的type类型、Form Validation等。 Placeholder是HTML5新增的另一个属性,当input或者textarea设置了该属性后,该值的内容将作为灰字提示显示在文本框中,当文本框获得焦点时,提示文字消失。以前要实现这效果都是用JavaScript来控制才能实现 , firefox、google chrome等表示对其支持 , 唯独IE存在违和感啊! 例如: 介绍一个超强的让IE下支持placeholder的属性插件,同时也兼容其他不支持...

javascript遇到html5的一些表单属性_javascript技巧

input属性: placeholder:输入框的默认值,向用户显示描述性说明文字或者提示信息 autocomplete:值为on和off。。on则代表当该字段填写并提交后再返回该页,再输入时会显示以前输入的。off则是关闭,包含用户输入数据的安全。默认为on autofocus:页面载入时设置某个input自动获取焦点,注意该页面只能设置一个input的这个属性,设置多个相当于没有设置。 list特性和datalist:通过list为某个输入框增加下拉列表。。相当于js实现的...

关于HTML5的data-*自定义属性的总结

本文讲述了关于HTML5的data-*自定义属性。分享给大家供大家参考,具体如下: 一、关于html元素的特性 1.html元素都存在一些标准的特性: id 元素在文档中的唯一标识符; title 有关元素的附加说明信息,一般通过工具提示条显示出来; lang 元素内容的语言代码,很少使用; dir 语言的方向,很少使用; className,与元素的class特性对应,考虑到与ECMAScript的保留字class的冲突,因此命名为className; 2.操作特性...

js 获取html5的data属性实现方法

我以前一直以为只能用jquery的data()来获取 哈哈 是我太弱了 <!DOCTYPE html> <html><head><title>dataset</title><meta charset="utf-8"> </head><body><div id=div data-index=demo></div> </body> <script type="text/javascript"> var a = document.getElementById(div); console.log(a) console.log(a.dataset.index)//demo </script></html>直接用dataset就可以获取到DOM元素的data属性 好吧,还可以 用js的获取属性的方法ge...