zoukankan      html  css  js  c++  java
  • 第二章: HTML5表单

    (1) HTML 5表单特性

    1. placeholder

    这是一个占位符。该特性用于简短的描述。

    <input type="text" placeholder="请输入您的账号">

    2. autofocus

    autofocus,自动焦点。添加该特性的input字段会在页面渲染完以后自动获取焦点。

    3. autocomplete

    autocomplete,自动完成。特性根据用户输入的内容自动完成表单。默认状态是on,一般情况下不必对他进行设置。

    4. required

    required,必需的。浏览器会在用户提交表单之前,要求用户在字段中输入数据。

    5. pattern

    pattern,模式。它能指定一个正则表达式,以便用于对字段的值进行检查。

    6. list和datalist

    list(列表)特性让用户能够将一个选项列表与一个特定的字段关联在一起。list特性的值必须与同一个文档中的一个datalist(数据列表)元素的ID相同。

      <label>你最爱的水果:
            <datalist id="fruits">
                <option value="Blackberry">Blackberry</option>
                <option value="Blackcurrant">Blackcurrant</option>
                <option value="Blueberry">Blueberry</option>
            </datalist>
            <input type="text" name="fruits" list="fruits">
        </label>

    7. multiple

    可以使用multiple使list和datalist更进一步,以允许用户输入datalist中的多个值。

    8. novalidate与formnovalidate

    特性表示表单提交时不需要进行验证。

    9. form

    这是个特性!不是form表单哦。用于将input、select或者textarea与一个表单关联起来。

    10. formaction、formenctype、formmethod和formtarget

    目前没有用到,暂不做解释了吧。

    (2) 新的输入类型

    1. search

    2. email

    3. url

    4. tel

    5. number

    6. range

    7. date

    8. color

  • 相关阅读:
    luogu P1064|| 01背包||金明的预算
    NOIp蒟蒻的爆零记——HA-0132
    模板输入计划
    1112测试教你做人
    NOIP注意事项
    强连通分量的一二三 | | JZOJ【P1232】 | | 我也不知道我写的什么
    图的割点 | | jzoj【P1230】 | | gdoi | |备用交换机
    【游戏作品】Sunset Game 制作组出品游戏一览
    【说明】我们计划从博客园迁移到知乎啦
    【总结】操作系统的重点
  • 原文地址:https://www.cnblogs.com/luohaoran/p/6010817.html
Copyright © 2011-2022 走看看