Lompat menuju konten

State of HTML 2023

Form

Elemen dan atribut yang berkaitan dengan form

Forms Experience & Sentiment

Kelompokkan berdasarkan:

Urutkan berdasarkan:

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

Pengalaman

  • <span aria-hidden="true">🤓</span> Sudah pakai: Responden yang sudah pakai.
  • <span aria-hidden="true">👀</span> Pernah dengar: Responden yang sudah dengar, tetapi belum pernah pakai.
  • <span aria-hidden="true">🤷</span> Belum pernah dengar: Responden yang belum pernah dengar.

Sentimen

  • Positif: Responden yang tertarik untuk belajar tentang sebuah teknologi; atau yang ingin menggunakannya lagi.
  • Netral: Responden yang tidak memiliki sentimen akan sebuah teknologi.
  • Negatif: Responden yang tidak tertarik untuk belajar tentang sebuah teknologi; atau yang sudah pernah pakai dan memiliki pengalaman negatif.
“Used” average:23%
“Positive” average:44%
“Negative” average:4%

Tipe 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

Tidak ada

245
0%
19%
38%
57%
76%
95%
% dari pertanyaan responden
19,992
96%
Tipe input mana yang pernah anda gunakan?

Validasi Form

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

Tidak ada

1,078
0%
19%
37%
56%
74%
93%
% dari pertanyaan responden
19,765
95%
Darimanakah dari fitur validasi form berikut yang pernah anda gunakan?

Titik Sakit Form

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

Input element issues

Jawaban yang cocok dengan “Input element issues” 2,239
2

Styling & customization

Jawaban yang cocok dengan “Styling &amp; customization” 1,971
3

Styling & customization

4

Validation

5

Browser support

6

Form handling

Jawaban yang cocok dengan “Form handling” 301
7

Accessibility

8

Error handling

9

Validation

Jawaban yang cocok dengan “Validation” 163
10

contentEditable

11

Lainnya

Jawaban yang cocok dengan “Lainnya” 3,495
0%
10%
21%
31%
42%
52%
% dari pertanyaan responden
6,695
32%
Apa saja titik sakit anda mengenai form HTML?
(Pertanyaan bebas)

Rekomendasi Sumber

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
Terima kasih kepada semua Mitra yang telah mendukung Kami! Pelajari lebih lanjut.