跳至內容

State of HTML 2023

表單

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

Forms Experience & Sentiment

Group by:

Sort by:

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

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: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

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

表單的痛點

考慮各種表單選項（例如 ：<input>, <textarea>, <select>, <button> 等等。）、行為（例如：驗證、自動完成）、透過 JS 處理表單、編輯 APIs（例如：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

Other Answers

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