案例-html5新标签-input和video

    <form action="">
    <fieldset>
        <!--fieldset标签：可将表单内的元素分组 ，常与legend搭配使用-->
        <legend>喜欢的明星</legend><!--标题-->
        <input type="text" name="user" id='' list="star" autofocus placeholder='输入你喜欢的明星'>
        <!--datalist标签：定义选项的列表，常与input元素配合使用-->
        <datalist id="star"><!--列表-->
            <option value="张学友">张学友</option>
            <option value="周杰伦">周杰伦</option>
            <option value="华晨宇">华晨宇</option>
            <option value="刘若英">刘若英</option>
        </datalist>
        <input type="file" id="" multiple>
        <input type="text" name='username' autocomplete>
        <input type="submit">
    </fieldset>
 
    <!--
        input新增属性：
        placeholder：占位符，文本框提示信息
        autofocus：加载页面自动获取焦点
        multiple：多文件上传
        autocomplete：自动完成功能
        required：必填项，内容不能为空
        accesskey：使元素获得焦点，元素的快捷键，例如：采用 alt+ s 的形式
        <input type="text" accesskey="s">
    -->
</form>
<!-- 多媒体：
    embed：引入网络视频
    audio：加载音频文件
        为了浏览器兼容，需要做三种声音文件 ogg，mp3，wav，一般前两种全部都包括了
    video：播放视频
        视频支持 ogg、mp4、WebM 三种视频格式
-->
<audio controls autoplay loop='-1'>
    <!--
        controls：是否显示播放器
        autoplay：自动播放
        loop：循环次数  -1 无限循环
    -->
    <source src="bgsound.mp3" />
    <source src="music.ogg" />
    您的浏览器不支持音频播放
</audio>
<!--视频播放-->
<video controls autoplay>
    <source src="mp4.mp4" />
    <source src="movie04.ogg" />
    您的浏览器不支持视频播放
</video>