Перейти до вмісту

State of HTML 2023

Форми

Елементи й атрибути, що відносяться до форм.

Досвід використання і ставлення до форм

Групувати за:

Сортувати за:

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

Досвід

  • Використовував(-ла): Респонденти, які це використовували.
  • Чув(-ла) про це: Респонденти, які чули про це, але не використовували.
  • Вперше чую: Респонденти, які не чули про це.

Ставлення

  • Позитивно: Респонденти, які зацікавлені у вивченні технології або хочуть використовувати її ще.
  • Нейтрально: Респонденти, які не висловили жодного ставлення до технології.
  • Негативно: Респонденти, які не зацікавлені у вивченні технології або використовували її і мали негативний досвід.
“Used” average:23%
“Positive” average:44%
“Negative” average:4%

Типи input-елементів

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%
Які типи input-елементів ви використовували?

Валідація форми

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
Дякуємо нашим партнерам за підтримку! Детальніше.