22个HTML5的初级技巧（4）
作者：雨夜带刀 来源：雨夜带刀's Blog 发布时间：2010-12-17 12:39:00
你可以借助这一段Javascript代码来修复IE更好的解析HTML5
<script mce_src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
12. 标题群( hgroup)
这个类似于第二点技巧。如果用h1和h2标签分别表示网站的名称和副标题，但这会让两个本义上密切相关的标题并没有关联起来。这个时候可以使用<hgroup>标签将它们组合起来，这样代码会更有语义。
<header>
<hgroup>
<h1> Recall Fan Page </h1>
<h2> Only for people who want the memory of a lifetime. </h2>
</hgroup>
</header>
13. 必填项属性
前端人员肯定做过不少表单验证的项目，其中很重要的一点就是有些输入框的内容是必须填写的，这里就需要使用Javascript来检查。在HTML5中，新增了一个“必须填写”的属性：required。required属性有两种使用方法，第二种方法显得更有结构性，而第一种更简洁。
<input type="text" name="someInput" required>
<input type="text" name="someInput" required="required">
有了这个属性，使表单的提交验证变得更简单了，看看下面简单的例子：
<form method=post>
<label for=someInput> your name: </label>
<input id=someInput type=text name=someInput placeholder="Douglas Quaid" required="required">
<button type="submit">Go</button>
</form>
如果输入框为空，表单将无法提交成功。
14. 自动获取焦点
同样的，HTML5也不再需要Javascript来解决输入框的自动获取焦点，如果某个输入框应当被选择或是获取到输入焦点，HTML5新增了自动获取焦点属性autofocus：
<input type="text" name="someInput" placeholder="douglas quaid" required="required" autofocus="autofocus">
autofocus也同样可以写成”autofocus=autofocus”，这样看起来标准些，这个根据自己的个人喜好而定。
0
投稿猜你喜欢
- 一张损坏的表的症状通常是查询意外中断并且你能看到例如这些错误：◆ “tbl_name.frm”被锁定不能改变。◆ 不能找到文件“tbl_na
- 修改文件的名字 使用“FileSystemObject(文件系统对象)”的GetFile函数得到一个“文件对象”，然后修改这个“文件对象”的
- Dreamweaver快捷键大全，记住一些常用的快捷键会大大提高你的网页设计效率，如果你都使用快捷键，那么如果你去面试工作就容易被录取，呵呵
- 1、纯粹的截取字符串function cutstr(thestr1,strlen) dim l,t,c&nbs
这个分页使用的是0游标，也就是Rs.Open Sql,Conn,0,1。但是感觉也快不了多少，10万条数据的分页时间300多豪秒之间。代码如- Access允许您在数据库表中包含附件。通过利用微软的对象链接和嵌入(OLE)技术，您可以将照片、图表、文档及其他文件存储在您的Access
- 设置密码保护SqlServer数据库备份文件！ 备份SqlServer数据库 Backup Database [数据库] To disk=&
- 即使在不太复杂的样式表中，也可能会有两个或者更多个规则找到同一元素。CSS通过一个叫做层叠（cascade）的过程处理这种冲突。
- number(<p>,<s>)精度p取值范围1～38有效位s取值范围-84～127最高整数位数＝p-ss正数，小数点
- 有在论坛上看到一帖，《请教查询出连续日期记录的方法》，截图如下：Insus.NET尝试写了程序并做了测试，可以得到预期的结果，SQL代码可参
- 随机背景--当你每次进入该页面时，从已指定的图片文件夹中，随机选取一个图片作为背景显示。这里介绍的方法是用ASP+CSS来实现的。 &nbs
- ASP中转换unicode编码为GB编码方法：<％ function urldecode(encodestr)
- 今天把Ext.js源码又读了一遍，不过这次比较认真。看完代码，有了不少收获也遇到不少问题。主要总结如下：1、document.execCom
- 假设有一个表，结构如下：mysql> CREATE TABLE `a` ( `id
- FrontPage 2003在功能上增强了不少，下面我们一起来看看新版本中比较突出的9个新功能。1.自定义浏览器分辨率预览检查 在
- 不知各位是否有手写代码的习惯。例如：要在一个单元格插入一段CSS代码，或者一段Javascript代码，怎么做才比较快捷方便呢？虽然Drea
- CSS Sprites 简介：通常被意译为“CSS图像拼合”或“CSS贴图定位”。CSS Sprites并不是一门新技术，目前它已经在网页开
- 在我之前写的几篇网站优化的文章中，着墨最多的是减少HTTP请求。通过减少请求数目，你的浏览器必须能对你的网站所有内容成功检索，总的HTTP请
- The WeekdayName function returns the weekday name of a specified day o
- 本文通过一个详细的例子，来阐述了在线编辑XML文档数据的方法。由于Netscape对XML的支持比较弱，因此，要实现跨平台的数据交换，数据的
