案例-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>