zoukankan      html  css  js  c++  java
  • H5新增的标签总结

    1:便于排版的Form表单

    HTML5为了方便排版,可以使form的表单标签脱离form的嵌套。

    方法:form指定id,所有的标签标签都添加form= id属性。

    例如:

    <form action="" method="post" id="register"></form>

    <input type="text" name="user" value="" form="register" />

    <input type="password" name="pwd" value="" form="register" />

    2:form新类型

    type = "email" 邮箱(自带格式校验)

    type = "url"   网址,必须带协议(自带格式校验)

    type = "date"  日期选择器

    type = "time" 时间选择器

    type = "month" 月份选择器

    type = "week" 周选择器

    type = "number" 数字选择器

    type = "range" 滑动条

    max属性

    step属性(验证合法性) step="2",例如从0开始,只能选择0-2-4-6-8

    type = "search" 搜索框

    results="n"谷歌浏览器可用,显示搜索图标。

    type = "color" 颜色选择器

    3:新增的表单属性

    required="required" 设置必填项

    placeholder = "我是默认值" 设置默认值,不会提交到后台

    autofocus = "autofocus" 自动聚焦

    pattern="d{3}" 自定义正则表达式

    4:自动填充表单

    <input type="text" name="auto" value="" list="movie" />

    <datalist id="movie">

    <option>人在囧途</option>

    <option>车在囧途</option>

    <option>泰囧</option>

    </datalist>

    5:output标签

    <form action="" method="post"

    oninput="result.value=parseInt(no1.value)+parseInt(no2.value)">

    <input type="number" name="no1" value="" />

    <input type="number" name="no2" value="" />

    <output name="result"></output>

    </form>

    -------------------------------------------

    个性签名:独学而无友,则孤陋而寡闻。做一个灵魂有趣的人!

    如果觉得这篇文章对你有小小的帮助的话,记得在右下角点个“推荐”哦,博主在此感谢!

    万水千山总是情,打赏一分行不行,所以如果你心情还比较高兴,也是可以扫码打赏博主,哈哈哈(っ•̀ω•́)っ✎⁾⁾!

  • 相关阅读:
    Thymeleaf模板引擎绕过浏览器缓存加载静态资源js,css文件
    LCMapString/LCMapStringEx实现简体字、繁体字的转换。
    java8 LocalDateTime转unix时间戳(带毫秒,不带毫秒)
    关于全角半角
    c++builder 读写文件类
    Unresolved external 'AlphaBlend' referenced from
    GridhEH 选择勾CheckBox
    Variant
    TRegEx 正则表达式
    c++ 字符检测 TCharacter
  • 原文地址:https://www.cnblogs.com/mahmud/p/9530197.html
Copyright © 2011-2022 走看看