header 头部
nav 导航栏
footer 页脚
article 文章
section 文档中的节
aside 侧边栏
fieldset
<fieldset>
<legend>框子</legend>
用户名: <input type="" name="">
</fieldset>
效果:
datalist
选项列表,与select相似
<input type="text" list="star"/>
<datalist id="star">
<option value="ha"></option>
<option value="he"></option>
<option value="hq"></option>
</datalist>
input
1.type 新属性
email: <input type="email" name="">
phone: <input type="tel" name="">
number: <input type="number" name="">
url: <input type="url" name="">
search: <input type="search" name="">
range: <input type="range" name="">
time: <input type="time" name="">
date: <input type="date" name="">
month: <input type="month" name="">
week: <input type="week" name="">
color: <input type="color" name="">
2. 常用新属性
placeholder 占位符 输入时消失
autofocus 加载自动获焦点
multiple 文件上传可多选
autocomplete 记录之前输入,下次可自动补全(注意需要个name才能用)
<form action="">
<input type="text" name="name" autocomplete="on">
<input type="submit" name="">
</form>
(设置off关闭)
required 不能为空
accesskey 通过设置快捷键获取焦点 采用“alt+s”的方式
多媒体标签
-
embed 引用视频
-
audio 插入音频 (ogg, mp3, wav)
<audio src="" autoplay="" controls="" loop="-1"></audio> 多浏览器支持 <audio> <source src=".mp3" type=""> <source src=".ogg" type=""> </audio>
-
video 插入视频(MP4, ogg, WebM)