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...
快速了解viewBox的参数 viewBox属性是用于指定用户SVG图像的坐标系统的原点以及尺寸的。所有在SVG内绘制的内容都是相对于这个坐标系统完成的。因为SVG画布在所有方向都是无限延长的，你甚至可以在这个坐标系统的边界之外的地方绘制图形；但是这些相对于SVG视窗定位的图形，也可以由用户坐标系的位置来控制。 viewBox属性使用四个参数来指定坐标系原点的位置以及它的尺寸：x y width height。初始情况下，这个坐标系等同于初始化的视...
HTML5 新的表单属性HTML5 的 和 标签添加了几个新属性.新属性：autocompletenovalidate新属性：autocompleteautofocusformformactionformenctypeformmethodformnovalidateformtargetheight and widthlistmin and maxmultiplepattern (regexp)placeholderrequiredstep/ autocomplete 属性autocomplete 属性规定 form 或 input 域应该拥有自动完成功能。当用户在自动完成域中开始输入时，浏览器应该在该域中显示填写的选项。提示: ...
在传统的html中，某个文件的下载，是这样的： XML/HTML Code复制内容到剪贴板a href="=/files/abc1234564545.pdf">reporta> 而在HTML 5浏览器中，可以支持download属性了，如下： XML/HTML Code复制内容到剪贴板a href="=/files/abc1234564545.pdf" download="abc">reporta> download属性的好处在于，在用户下载文件的时候，显示在用户浏览器 中的“另存”为的文件显示框中，显示的是这个downloader属性中显示的 东...