• 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>
  • 相关阅读:
    【09-04】java内部类学习笔记
    【09-03】java泛型学习笔记
    【08-23】redis学习笔记
    【06-23】js动画学习笔记01
    【11-23】mysql学习笔记02
    【06-18】CentOS使用笔记
    thinkphp+datatables+ajax 大量数据服务器端查询
    python遗传算法实现数据拟合
    简单的新闻客户端APP开发(DCloud+thinkphp+scrapy)
    python游戏编程——跟13岁儿童学编程
  • 原文地址:https://www.cnblogs.com/wddx/p/5438339.html
Copyright © 2020-2023  润新知