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

  • 相关阅读:
    Max Sum Plus Plus HDU
    Monkey and Banana HDU
    Ignatius and the Princess IV HDU
    Extended Traffic LightOJ
    Tram POJ
    Common Subsequence HDU
    最大连续子序列 HDU
    Max Sum HDU
    畅通工程再续
    River Hopscotch POJ
  • 原文地址:https://www.cnblogs.com/luohaoran/p/6010817.html
Copyright © 2011-2022 走看看