NEW：HTML 5 中新的全局属性。 属性描述accesskey规定访问元素的键盘快捷键class规定元素的类名（用于规定样式表中的类）。contenteditable规定是否允许用户编辑内容。contextmenu规定元素的上下文菜单。dir规定元素中内容的文本方向。draggable规定是否允许用户拖动元素。dropzone规定当被拖动的项目/数据被拖放到元素中时会发生什么。hidden规定该元素是无关的。被隐藏的元素不会显示。id规定元素的唯一 ID。lang规定元素中内容的...
原文 ： HTML5 autofocus Attribut 原文发布时间： 2012年08月27日 翻译时间： 2013年8月6日 HTML5 推出了一大堆精彩的东西给我们。 过去我们要用JavaScript和Flash完成的任务，比如表单验证，输入框空白提示(INPUT placeholders),客户端文件上传下载(client side file naming),以及 音频/视频播放，现在都可以用基本的HTML来完成了。另一个简单的HTML功能是现在允许我们在页面加载完成后自动将输入焦点定位到需要的元素,通过一个叫...
当然高级浏览器下可通过脚本进行定义和数据存取。在项目实践中非常有用。 例如：代码如下: 使用attribute方法存取 data-* 自定义属性的值使用attributes方法存取 data-* 自定义属性的值非常方便：代码如下:// 使用getAttribute获取 data- 属性var user = document . getElementById ( user ) ;var userName = plant . getAttribute ( data-uname ) ; // userName = 脚本之家var userId = plant . getAttribute ( data-uid ) ; // u...
placeholder属性能够让你在文本框里显示提示信息，一旦你在文本框里输入了什么信息，提示信息就会隐藏。你以前可能无数次看到这种效果，但那些大部分是用JavaScript里实现的，而现在，HTML5提供了原生支持，而且效果更好！ HTML代码代码如下:你也看见了，需要做的只是在文本框的声明标签上加入placeholder属性。完全不需要JavaScript来创造这种效果。 检查浏览器是否支持Placeholder属性 因为placeholder是一种新属性，很有必要检查...
这里必须解释一下，这个“激活”，指的是这个标签是否正被用户浏览，或者说是否为当前标签。 那么，这个 API 究竟有些什么用途呢？通常，很多传统的页面在用户没有激活它的时候，它还会继续工作，例如，当用户正在浏览新闻门户，而他之前打开的 NBA 球赛页面会继续刷新获取最新结果，视频网站会继续占用带宽加载资源，于是，如果这类不必要的工作太多了，就会造成很多的资源浪费。因此，这货相当有用： 1.Web 程序每隔一段时间会自...
这里要讲的一个简单的HTML5功能是当页面加载完成时让输入焦点自动落到某个元素上；这个动作用autofocus属性完成。 HTML代码非常简单：代码如下:Hi!当有了autofocus属性，这些 INPUT, TEXTAREA, 或 BUTTON元素都能在页面加载是被选中。但如果使用纯显示元素，例如H1标记，autofocus属性并不好用。 这个属性在某些情况下非常有用。例如谷歌的首页，人们99%的时间都是用它来搜索，所以页面一旦加载，光标必然定位在输入框里。以前需要...
然而，也有很多小的非常好的特征；其中一个就是新添加的download属性。download属性能让我们指定浏览器下载时采用新的文件名称，也就是在客户端重命名下载文件。而不是链接上原始的文件名称。实际上download属性更合适的名称是downloadName。 HTML代码 把download属性放到A链接上…. 代码如下:下载支出费用表 当用户点击这个链接，download属性值里的新名称就会显示到弹出的下载框里。这样你保存的文件名称是“预算表.pdf”。而且，...
另外一个新出现的属性就是hidden属性。当一个网页元素有了hidden属性后，它的表现跟CSS的display: none;作用非常相似，元素将会消失，而且不占用任何页面空间。写法很简单：代码如下: You cant see me!如果你使用的是老式浏览器，不支持这个属性，你可以在CSS里添加下面的代码来支持它：:代码如下:*[hidden] { display: none; }那么，为什么要用hidden属性呢？意义在于语义上更有意义，对代码的可读性有提升。而且相对于CSS里的dis...
特别的，有一个新的属性，它能让我们控制多个元素的属性，就是：scoped。style标记上新出现的这个scoped属性可以让CSS样式只对局部元素生效，具体说，就是存放这段style样式的元素的子元素生效，跟平常的样式不一样的唯一地方就是新加了一个scoped属性：代码如下: /* styles go here */ 具有scoped属性的样式只会应用到当前元素和其子元素。Inline样式仍然比scoped样式优先级高，所以，最好避免使用inline样式，下面是将几种样式...
记得引用jquery 类库 代码如下: $(document).ready(function () { if ($.browser.msie) $("input:text,input:password").each(function () { var $placeholder = $(this).attr("placeholder"); var $width = $(this).css("width"); var $id = $(this).attr("id"); var $height = parseInt($(this).css("height")) + 6 + "px"; var $fontSize = $(this).css("font-size"); var $fontWeight = $(this).css("font-weight"); var $line...
HTML5对Web Form做了许多增强，比如input新增的type类型、Form Validation等。 Placeholder是HTML5新增的另一个属性，当input或者textarea设置了该属性后，该值的内容将作为灰字提示显示在文本框中，当文本框获得焦点时，提示文字消失。以前要实现这效果都是用JavaScript来控制才能实现 , firefox、google chrome等表示对其支持 , 唯独IE存在违和感啊! 例如: 介绍一个超强的让IE下支持placeholder的属性插件,同时也兼容其他不支持...
本文较为详细的分析了IE9对HTML5中部分属性不支持的原因，分享给大家供大家参考。具体方法如下： 众所周知，在IE9中对于HTML5标准中的离线应用程序以及CSS3中的一部分不提供支持。本文对此做一简要分析。 微软日前已经发布了Internet Explorer 9(以下简称IE9)正式版。在该版本中，微软遵循他们的发展战略，对于作为最新Web标准的HTML5与CSS3中大多数功能提供了支持。 同时，微软也准备将IE9应用在Windows Phone 7中使用。IE9无疑成...
本文以实例代码演示说明了HTML5新增的表单元素和属性，演示代码中包含了placeholder属性、autofocus 属性、list 和 datalist 元素、search 类型文本框、email 类型文本框、number 类型文本框、range 类型文本框、tel 类型文本框、url 类型文本框以及还有日期、时间类型的 input元素等等。示例代码如下： 代码如下: HTML5 移动Web开发指南 h1, h2, h3, h4, h5, h6 { text-align: center; ...
过了两天完全没有电脑，没有电视，手机又没有流量的生活，习惯了那样喧嚣的节奏，再回到那么清净的环境，不啻于一次洗涤，同时却有些惶恐，好像自己又什么都不会了，如果脱离了这个文明的社会，甚至可以说，我连基本的生存能力都没有，如果回到过去，我不知道能活多久。 感慨归感慨，当前的工作要完成,记录一个html5中的input新属性，range。发现这个属性是在一个网站的调色器中，感觉确实比较形象化，好看，就记录下了： 代码如下...
前段时间写了一个基于html5 video的视频播放器，从起初的对其不了解，然后到能够写一个基本完善的自定义播放器。在这个过程中，对video标签的属性，方法，事件有了个全面的认识。下面分类列出来一下。 标签的属性代码如下:src ：视频的属性poster：视频封面，没有播放时显示的图片preload：预加载autoplay：自动播放loop：循环播放controls：浏览器自带的控制条width：视频宽度height：视频高度 html 代码代码如下: //audio和vi...