第二章： HTML5表单

HTML5表单与输入类型

最新推荐文章于 2024-09-27 19:57:03 发布

转载最新推荐文章于 2024-09-27 19:57:03 发布 · 57 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/luohaoran/p/6010817.html

（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

转载于:https://www.cnblogs.com/luohaoran/p/6010817.html