Lompat menuju konten

State of HTML 2023

Form

Elemen dan atribut yang berkaitan dengan form

Forms Experience & Sentiment

Kelompokkan berdasarkan:

Urutkan berdasarkan:

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

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:1%
“Positive” average:1%
“Negative” average:0.2%

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

Pertimbangkanlah berbagai kontrol form (e.g. <input>, <textarea>, <select>, <button> dll.), perilaku (e.g. validasi, autocomplete), menangani form via JS, API-API penyuntingan (e.g. contentEditable) dll. Apapun yang menggangu anda boleh disebutkan — dukungan browser, fitur-fitur yang kurang, styling, dll.

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

Lainnya

Jawaban yang cocok dengan “Lainnya” 6,066
0%
18%
36%
54%
72%
90%
% 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.