跳到内容

State of HTML 2025

表单

表单相关元素和属性

We're highlighting up-and-coming features or libraries we think you should know about.

Feature Highlight: Customizable Select

Customizable Select may not currently be widely supported, yet it's a feature worth knowing about. While only used by 7.1% of respondents, 89% of developers who have used it report a positive experience.

And given that the <select/> element has always been a challenge to style, being able to finally customize it to your needs without resorting to JavaScript-based hacks is a welcome improvement!

Baseline: Limited Availability

Learn more

Useful Resources

    表单功能的使用经验与态度

    Surprisingly, <input type="color"/> was the most used form-related feature this year, with 41.8% of respondents reporting having used it.

    But when looking at positive sentiment, basic UI building blocks like autocomplete (<datalist>) and dropdowns (Customizable Select) top the rankings, showing that developers value features that are customizable and can be tailored to their needs.

    通过...分组：

    根据此项排序:

    1
    表单
    41.8%
    40.4%
    16.8%
    6,048
    2
    表单
    29.1%
    37.8%
    29.7%
    6,129
    3
    表单
    9.7%
    25.3%
    63.6%
    6,080
    4
    表单
    8.6%
    24%
    67%
    5,992
    5
    表单
    7.1%
    42.3%
    49.8%
    6,037
    6
    表单
    <input type="color" alpha>
    3.1%
    17.8%
    78.7%
    5,994
    7
    表单
    <input type="color" colorspace="display-p3">
    19.9%
    77.3%
    6,012

    经验

    • <span aria-hidden="true">🤓</span> 用过: 使用过此项目的受访者。
    • <span aria-hidden="true">👀</span> 有听说过: 听说过此项目，但没有使用过此项目的受访者。
    • <span aria-hidden="true">🤷</span> 没听说过: 从未听说过此项目的受访者。

    情绪（态度）

    • 积极: 有兴趣了解此技术，或者愿意再次使用它的受访者
    • 中立: 未对此技术发表看法的受访者
    • 消极: 对此技术不感兴趣，或者使用此技术有糟糕体验的受访者
    “Used” average:15%
    “Positive” average:34%
    “Negative” average:5%

    表单痛点

    Styling & customization of default form control UI elements remains a big stumbling block, with nearly half of pain points being about it.

    Form validation is also a problem, especially when it comes to more advanced use cases like validating one field's value based on another.

    您在使用 HTML 表单时遇到了哪些痛点？
    Multiple
    Top pain point topics overall.

    View:

    Items that are not one of “limitations”
    0%
    20%
    40%
    60%
    80%
    100%
    1
    Styling & customization
    2
    2
    Form Validation
    3
    3
    <select>
    3
    4
    Browser support
    3
    5
    Pickers
    3
    6
    Accessibility
    1
    7
    <input>
    1
    8
    Form Submission
    1
    9
    10
    Missing elements
    11
    Reliance on JavaScript
    +3
    12
    13
    Cognitive overload
    3
    14
    <textarea>
    1
    15
    Autocomplete
    -11
    16
    Editing APIs
    1
    17
    Forms & JS
    1
    18
    End-user experience
    19
    Combobox element
    20
    <input type="number">
    21
    Poor design
    22
    <button>
    -15
    23
    3
    24
    Internationalization
    25
    <input type="file">
    26
    其他答案
    0%
    20%
    40%
    60%
    80%
    100%
    受访者百分比
    2,041
    33%
    25
    5

    资源推荐

    CSS-only Form Validation Hints
    Kevin Powell

    CSS-only Form Validation Hints

    A look at how we can use CSS to add contextual hints to users as they fill out a form, including creating an SVG by hand and animating it based on whether a field is valid or invalid.
    感谢合作伙伴对我们的支持! 了解更多。