跳到内容

State of HTML 2023

[zh-Hans] general.back_to_intro

表单

表单相关元素和属性

features.forms_features

通过...分组：

根据此项排序:

1

50.7%
16.3%
32.8%
19,980
2

47.9%
28.2%
23.7%
20,332
3

22.6%
36%
41.1%
20,499
4

16.5%
24.7%
58.6%
20,233
5

9.5%
18.7%
71.6%
19,829

经验

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

情绪（态度）

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

输入类型

您使用过哪些输入类型？
0%
19%
38%
57%
76%
95%
1

<input type="number">

18,991
2

<input type="email">

17,864
3

<input type="file">

17,619
4

<input type="date">

16,783
5

<input type="tel">

14,016
6

<input type="range">

13,698
7

<input type="time">

11,218
8

<input type="url">

10,086
9

<input type="color">

9,374
10

<input type="datetime-local">

4,893
11

<input type="month">

3,653
12

<input type="week">

3,050
13

None

245
0%
19%
38%
57%
76%
95%
受访者百分比
19,992
96%

表单验证

您使用过以下哪些表单验证功能？
0%
19%
37%
56%
74%
93%
1

required attribute

18,365
2

pattern attribute

11,375
3

:invalid/:valid CSS pseudo-classes

10,628
4

invalid event

4,965
5

input.checkValidity()

3,965
6

input.setCustomValidity()

2,555
7

input.reportValidity()

1,821
8

None

1,078
0%
19%
37%
56%
74%
93%
受访者百分比
19,765
95%

表单痛点

您在使用 HTML 表单时遇到了哪些痛点？
(自由提问)
0%
11%
22%
33%
44%
55%
1

Styling & customization

匹配“Styling &amp; customization”的答案 3,652
2

Input element issues

匹配“Input element issues”的答案 2,255
3

Validation

匹配“Validation”的答案 1,252
4

Browser support

5

Form handling

匹配“Form handling”的答案 433
6

Accessibility

7

Error handling

8

contentEditable

9

State management

10

Label issues

0%
11%
22%
33%
44%
55%
受访者百分比
6,695
32%

资源推荐

Complete Intro to Web Development, v3
Brian Holt
SQLite Cloud

Complete Intro to Web Development, v3

More than an introduction, you'll build your first website and get a solid foundation for becoming a professional web developer with modern skills
感谢合作伙伴对我们的支持! 了解更多。