html5---

1. html5新增标签

<header></header>
<nav></nav>
<section></section>
<article></article>
<video src=""></video>
<audio src=""></audio>

2. html新增表单控件

1.下拉菜单

<input list="bo">
<datalist id="bo">
         <option value="a"></option>
          <option value="a"></option>
 </datalist>

 2.required必填

<input type="text" required> 

3.pattern正则

 [a-z]只允许出现的内容形式 a-z表示所有的小写

 {5}表示只允许出现5个字符

{3,5}表示3-5之间都可以

<input type="text" pattern="[a-z]{5}" >
<input type="text" pattern="[0-9]{3,5}"> 

4.number数字

 min 最小值 max 最大值 value 默认值 step 间隔值

<input type="number" min="1" max="10" value="1" step="2" >

5.取消表单验证

1. 给form加 novalidate='novalidate'

 <form action="demo.php" novalidate='novalidate'></form> 

2.给input 加formnovalidate='formnovalidate

<input type="submit" formnovalidate='formnovalidate'/>

 6.不同按钮跳转到不同页面formaction

 <input type="submit" formaction="login.html">
<input type="submit" formaction="reter.html">

 7.音频标签

•     src 音频文件的URL
•    controls 显示播放控件
•    autopaly 表示立刻播放
•      preload 预先载入音频文件数据

 <audio src="../那一年.mp3"></audio>

 8.视频标签

 src 视频资源的URL

•   controls 表示显示播放控件
•  autoplay 自动播放,目前不能使用
•   muted 表示静音
•   poster 指定视频载入时显示的图片封面
•    loop 反复播放
•    preload 预先加载

 谷歌浏览器需配合muted实现静音播放

  <video src="movie.mp4" controls="" width="400" muted="" poster="cover.jpg" loop="">

 9. 音频或者视频

 <object data="../video/Tomorrow.mp4" height="200" width="200"></object>
 <embed src="../video/Tomorrow.mp4" height="200" width="200">