跳到内容

State of HTML 2023

表单

表单相关元素和属性

Forms Experience & Sentiment

通过...分组：

根据此项排序:

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
6

7.7%
18.2%
73.9%
20,072
7

26.5%
70.4%
19,958

经验

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

情绪（态度）

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

输入类型

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

无

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

无

1,078
0%
19%
37%
56%
74%
93%
受访者百分比
19,765
95%
您使用过以下哪些表单验证功能？

表单痛点

0%
10%
21%
31%
42%
52%
1

Input element issues

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

Styling & customization

匹配“Styling &amp; customization”的答案 1,971
3

Styling & customization

4

Validation

5

Browser support

6

Form handling

匹配“Form handling”的答案 301
7

Accessibility

8

Error handling

9

Validation

匹配“Validation”的答案 163
10

contentEditable

11

其他答案

匹配“其他答案”的答案 3,495
0%
10%
21%
31%
42%
52%
受访者百分比
6,695
32%
您在使用 HTML 表单时遇到了哪些痛点？
(自由提问)

资源推荐

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
感谢合作伙伴对我们的支持! 了解更多。