跳到内容

State of HTML 2023

表单

表单相关元素和属性

Forms Experience & Sentiment

通过...分组：

根据此项排序:

1

19,980
2

20,332
3

20,499
4

20,233
5

3.3%
20,072
6

3.6%
19,829
7

3.1%
19,958

经验

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

情绪（态度）

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

输入类型

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%
您使用过以下哪些表单验证功能？

表单痛点

想想各种表单控件(例如 <input>、<textarea>、<select>、<button> 等)， 行为（例如验证、自动完成），通过 JS 处理表单,编辑 API(例如 contentEditable )等。 任何令您困扰的都可以提出——浏览器支持度，缺少的功能，样式等。

0%
18%
36%
54%
72%
90%
1

Styling & customization

2

<select>

3

Validation

4

Browser support

5

<input type="date">

6

<input type="date">

7

<input type="number">

8

Accessibility

9

autocomplete="hint"

10

<textarea>

11

其他答案

匹配“其他答案”的答案 6,066
0%
18%
36%
54%
72%
90%
受访者百分比
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
感谢合作伙伴对我们的支持! 了解更多。