HTML5

都是网上收集的资料,非原创。仅供自己学习做笔记用的,发原创只是为了分享自己的笔记,侵权就删

HTML5新标签

常用

header:定义文档页眉头部

nav:定义导航链接的部分

footer:定义页面底部 

article:定义文章

section:定义文档中的节(section、区段)

aside:定义其所处内容之外的内容 侧边

datalist

定义和用法

<datalist> 标签定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。

datalist 及其选项不会被显示出来,它仅仅是合法的输入值列表。

请使用 input 元素的 list 属性来绑定 datalist。

下面是一个 input 元素,datalist 中描述了其可能的值:

<input type="text" name="" value="输入明星" list="star"/>
<datalist id="star">
    <option>刘德华</option>
    <option>刘诺言</option>
    <option>任问问</option>
    <option>任玩得</option>
</datalist>

fieldset

组合表单中的相关元素:

  <fieldset>
    <legend>健康信息</legend> 标题
    身高:<input type="text" /><br>
    体重:<input type="text" />
  </fieldset>

HTML5

新增的input type类型

<form>
    邮箱:<input type="email"/><!--aa@aa.com-->
    手机:<input type="tel"/><!--手机各种 数字-->
    数字:<input type="number"/><!--只能是数字-->
    url:<input type="url"/><!--网址格式-->
    搜索:<input type="search"/><!--搜索-->
    区域:<input type="range"/><!--区域-->
    时间:<input type="time"/><!--时间格式-->
    年月日:<input type="date"/><!--年月日-->
    颜色:<input type="color"/><!--颜色-->
    <input type="submit"/>
</form>

placeholder 占位符

<input type="text" placeholder="请输入">  占位符 提供预期输入文字,当用户输入的时候,里面的文字消失。删除所有文字,自动返回

autofocus 自动获得焦点

<input type="text" placeholder="请输入"  autofocus="autofocus">

HTML5

multiple  上传多个文件

上传文件:<input type="file" multiple/>

HTML5

autocomplete 自动记录

HTML5

不想有记忆功能 可以把on改成off

HTML5

embed 多媒体标签

 embed可以用来插入各种多媒体,格式可以是 Swf、Midi、Wav、AIFF、AU、MP3等等,Netscape及新版的IE 都支持。src为音频或视频文件及其路径,可以是相对路径或绝对路径

audio

<audio> 标签定义声音,比如音乐或其他音频流。

属性

属性 描述
autoplay autoplay 如果出现该属性,则音频在就绪后马上播放。
controls controls 如果出现该属性,则向用户显示控件,比如播放按钮。
loop loop 如果出现该属性,则每当音频结束时重新开始播放。
preload preload

如果出现该属性,则音频在页面加载时进行加载,并预备播放。

如果使用 "autoplay",则忽略该属性。

src url 要播放的音频的 URL。

 

上一篇:js 实现多选


下一篇:Datagrid,DataList,Repeate等的数据格式设置表达式