首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

绝对不可错开的超实用HTML5代码片段

2013-03-21 
绝对不可错过的超实用HTML5代码片段日期:2013-3-15来源:GBin1.comHTML5绝对是一个流行元素,受到如此多的公

绝对不可错过的超实用HTML5代码片段

日期:2013-3-15  来源:GBin1.com

绝对不可错开的超实用HTML5代码片段

HTML5绝对是一个流行元素,受到如此多的公司组织的追捧,作为极客来说,岂能错过呢?在今天这篇文章中,我们将分享一些超实用的HTML5的代码片段,相信大家一定会喜欢!

HTML5视频和fallback

实用HTML5的一个好处就是简化了视频和音频的嵌入代码量,不过呢,如何兼容老版本的浏览器绝对是一个令人头疼的问题,特别是在天朝,老版本的浏览器绝对处于优势地位,下面代码或者能够帮你忙:


在线调试

HTML5的datalist实现自动补齐功能 

自动补齐功能大家应该都很熟悉,包括jQueryUI中,或者第三方的自动补齐插件也很多,在HTML5中我们使用datalist来实现,如下:

<input name="frameworks" list="frameworks" /><datalist id="frameworks">    <option value="Foundation">    <option value="Bootstrap">    <option value="Dojo Toolkit">    <option value="jQuery">    <option value="YUI"></datalist>

在线调试

元素的自动focus

无须使用javascript,代码很简单:

<input autofocus="autofocus" />

希望大家喜欢,如果你有任何问题,请访问极客标签提问或者讨论,谢谢阅读!

via 极客标签

来源:绝对不可错过的超实用HTML5代码片段

热点排行