zoukankan      html  css  js  c++  java
  • HTML5---5.表单新增的元素

    新增的表单元素
    Datalist   
     keygen   
    output(span)   
    progress(max value)  
    meter(max  min   high   low    value)
    
    
    <form action="">
        <!--专业:
        <select name="" id="">
            <option value="1">前端与移动开发</option>
            <option value="2">java</option>
            <option value="3">javascript</option>
            <option value="4">c++</option>
        </select>-->
        <!--不仅可以选择,还应该可以输入-->
        <!--建立输入框与datalist的关联  list="datalist的id号"-->
        专业:<input type="text" list="subjects"> <br>
        <!--通过datalist创建选择列表-->
        <datalist id="subjects">
            <!--创建选项值:value:具体的值 label:提示信息,辅助值-->
            <!--option可以是单标签也可以是双标签-->
            <option value="英语" label="不会"/>
            <option value="前端与移动开发" label="前景非常好"></option>
            <option value="java" label="使用人数多"></option>
            <option value="javascript" label="做特效"></option>
            <option value="c" label="不知道"></option>
        </datalist>
    
        网址:<input type="url" list="urls">
        <datalist id="urls">
            <!--如果input输入框的type类型是url,那么value值必须添加http://-->
            <option value="http://www.baidu.com" label="百度"></option>
            <option value="http://www.sohu.com"></option>
            <option value="http://www.163.com"></option>
        </datalist>
    </form>
    
    

    以下为代码渲染效果:

    专业: 专业:
    网址:
  • 相关阅读:
    Spring MVC 教程(比较全的一篇文章了)
    关于F12的有效利用
    论运营工作与小区收垃圾的相似之处
    吴淞炮台湾湿地森林公园半日游
    真正的运营
    今天是入职通联3周年
    甲午年过临海
    购买vps创建账号后无法登录ftp
    prim+BFS
    最小生成树
  • 原文地址:https://www.cnblogs.com/Tobenew/p/10507370.html
Copyright © 2011-2022 走看看