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