美文网首页
HTML5表单新属性

HTML5表单新属性

作者: 言歌不言歌 | 来源:发表于2017-01-05 21:05 被阅读0次

HTML5新增了一些表单元素,让用户输入内容更加方便快速

  • date 日期
<input type="date" />
  • time-时间(时分)
<input type="time" />
  • week-周
<input type="week" />
  • month-月
<input type="month" />
  • email-邮箱 ——只验证是否在字符串中间包含@字符
    • 需要借助form才能起作用
<input type="email" />
  • numer-数字 ——只能输入数字,除了数字,其他字符不能输入
<input type="number" />
  • url-网址 ——只验证协议名称
    • 需要借助form才能起作用
<input type="url" />
  • range`-范围
    • range有四个属性max/min/step/value
<input type="range" max="10" min="1" value="1" step="1" />
  • color-颜色
<input type="color" />
  • required-必选项

  • required-必选项——多用于select(下拉菜单)和file(文件域)

  • multiple—可多选——多用于select(下拉菜单)和file(文件域)
    <input type="file" multiple="multiple" />

相关文章

  • HTML5表单新验证属性、状态

    HTML5 - 表单新验证属性 HTML5 - 表单新验证状态

  • HTML5 表单属性

    HTML5 新的表单属性HTML5的 和 标签添加了几个新的属性新属性:1.autocomplete2...

  • HTML5 表单元素

    HTML5 的新的表单元素: HTML5 拥有若干涉及表单的元素和属性。 本章介绍以下新的表单元素: datali...

  • HTML5 表单属性

    HTML5 的新的表单属性 本章讲解涉及 和 元素的新属性。 新的 form 属性: autocomple...

  • 网络编程(五)之HTML5和CSS3提高

    一、 HTML5的新特性 HTML5 的新增特性主要是针对于以前的不足,增加了一些新的标签、新的表单和新的表单属性...

  • HTML5新标签

    HTML5新特性 概述 HTML5 的新增特性主要是针对于以前的不足,增加了一些新的标签、新的表单和新的表单属性等...

  • HTML5表单

    Html5增加了一些新的特性 form属性Html5之前所有的表单属性都要放到form里面,新增了form属性后,...

  • h5表单

    html5 表单 新增input类型 新增表单元素 html5表单验证 新增表单属性 新增的input类型 inp...

  • NFH.004 - H5表单验证与canvas初步

    12.14学习经验分享# Bruce_Zhu于2016.12.14 HTML5 - 表单新验证属性 <--!=>r...

  • HTML5详解

    01-HTML5新增语义化标签 HTML5语义化标签的兼容 HTML5新增表单控件和表单属性 HTML5表单验证反...

网友评论

      本文标题:HTML5表单新属性

      本文链接:https://www.haomeiwen.com/subject/cczzvttx.html