跳至內容

State of HTML 2023

表單

與表單相關的元件和屬性。

Forms Experience & Sentiment

Group by:

Sort by:

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

Experience

  • Used it: Respondents who have used an item.
  • Heard of it: Respondents who have heard about an item, but haven't used it.
  • Never heard of it: Respondents who have never heard about an item.

Sentiment

  • Positive: Respondents who are interested in learning more about a technology; or are willing to use it again.
  • Neutral: Responents who did not indicate any sentiment about a technology.
  • Negative: Respondents who are not interested in learning more about a technology; or have used it and had a negative experience.
“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

🚫 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%
使用過以下哪些表單驗證功能？

表單的痛點

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

Input element issues

Answers matching “Input element issues” 2,239
2

Styling & customization

Answers matching “Styling &amp; customization” 1,971
3

Styling & customization

4

Validation

5

Browser support

6

Form handling

Answers matching “Form handling” 301
7

Accessibility

8

Error handling

9

Validation

Answers matching “Validation” 163
10

contentEditable

11

Other Answers

Answers matching “Other Answers” 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
感謝贊助我們的伙伴！ 深入瞭解。