html+html5 基础回顾 查漏补缺

1、figure   用于图片+图片描述
<figure>
    <img src="1.jpg"> alt="eueu">
    <br/>
    <figcaption>fehbiguojethk,l;. cgvbhjmk,l uhjkm,</figcaption>
</figure>
2、表单数据传输方式
get:值附加在有action特性所指定的URL末尾
         适用于短表单只从web服务器上检索数据的情形
post:值被放在HTTP头信息中进行发送
           适用于允许用户上传文件非常长包含敏感信息(密码)数据库操作
3、input maxlength
      限制用户在文本域输入字符的数量
4、下拉列表
      <select>
            <option></option>
       </select>
5、多选框
      <select name="" size="" multiple="multiple">
            <option></option>
      </select>
6、图像按钮
      <input  type="image" src="" width="" height="">
7、组合表单控件
      <fieldset>
            <legend>xinxi</legend>
            <label>xingming:
            <input type="text" name="name"></label></br>
      </filedset>
8、表单验证 html5   只在Chrome和Opera支持
<form action="http://www.example.com/login/" method="post">
    <label for="username">Username:</label>
    <input type="text" name="username" required="required"/>
    <label for="password">Password:</label>
    <input type="password" name="password" required="required"/>
 
    <input type="submit" value="Submit"/>
</form>
9、日期控件   支持的浏览器???
<form action="http://www.example.com/bookings/" method="post">
    <label for="username">Departure date:</label>
    <input type="date" name="depart"/>
    <input type="submit" value="Submit"/> 
</form>
10、邮件  type="email" name="email"
        URL type="url" name="website"
        搜索 type="search" name="search"
11、html5<video>元素     目前支持的模式只有H264和WebM
        <video src="video/puppy.mp4" 
                     poster="images/puppy.jpg"   //视频加载完成之前显示一个头像
                     width="400" height="300"
                     preload              //页面加载时需要做什么 none auto metadata
                     controls             //浏览器提供默认播放控件
                     loop>                //在视频结束之后重新播放
                                               //autoplay  自动播放
                    <p>miaoshu</p>
        </video>
        <source>代替<video>中的src    首选MP4格式
12、<audio>
        <audio src="audio/test-audio.ogg"
                     controls  autoplay>
                     <p>miaoshu</p>
        </audio>
原文地址:https://www.cnblogs.com/wddx/p/5438339.html