• HTML5 Input 类型


    HTML5提供的input新的输入类型,这些类型可以更好地帮我们输入控制和验证

    下面给大家介绍一下新的类型大概有那些:

      emial  用于验证邮箱的正确格式,可以为空,在提交表单时自动验证

      Url  用于包含URL地址输入的输入域验证

      number  包含数值的输入域,以下是数字类型的属性用于限定输入的数值类型

        max number 规定允许的最大值

        min number 规定允许的最小值

        step number 规定合法的数字间隔,表示规定数值的倍数,比如step=2,那么输入0,2,-2都是合法的

        value number 规定默认值

      range 这个则是验证一定范围的输入域,限定类型和number是一样的。

          <input type="range"  min="1" max="10" />

      Date pickers  数据检出器(官方语言),是否还在为文本输入时间到处找控件,是否还在用各个JS插件的时间验证控件,如果记住下面的控件,我想都能解决

           date - 选取日、月、年
          month - 选取月、年
          week - 选取周和年
          time - 选取时间(小时和分钟)

          datetime - 选取时间、日、月、年( UTC 时间)
          datetime-local - 选取时间、日、月、年(本地时间)

          <input type="date" name="user_date" />

          你仅仅只需要改变文本框的type类型,所有的时间你都会搞定!把时间装在自己的手中

    好了,今天介绍的文本框类型就是这么多了,大家有什么好的思路和方法可以评论,让我们斟酌斟酌,共同学习,共同进步!西红柿_炒番茄

  • 相关阅读:
    记一次centos 服务器中毒事件
    heatmap
    this
    购物车
    带标签的无缝轮播
    无缝轮播
    图片滚动百分百宽度
    选择排序
    冒泡排序
    tab标签页
  • 原文地址:https://www.cnblogs.com/lwyu/p/4483292.html
Copyright © 2020-2023  润新知