رفتن مستقیم به محتوا

State of HTML 2023

Forms

Form-related elements and attributes

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%

Input Types

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%
% of question respondents
19,992
96%
Which input types have you used?

Form Validation

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%
% of question respondents
19,765
95%
Which of the following form validation features have you used?

Form Pain Points

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%
% of question respondents
6,695
32%
What are your pain points around HTML forms?
Freeform

Recommended Resources

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
Thanks to our partners for supporting us! Learn more.