Section ini menyusun materi secara bertahap: kerjakan Chapter dari urutan teratas agar setiap konsep baru selalu berpijak pada konsep sebelumnya. Setiap Chapter menyertakan contoh kode yang telah diuji dan dapat Anda ikuti langsung di editor.

# Required dan Placeholder

Tandai kolom wajib dengan required dan gunakan placeholder sebagai petunjuk format tanpa menggantikan label.

Buka → # Minlength dan Maxlength

Batasi panjang isian dengan minlength dan maxlength, dari pemotongan karakter hingga penolakan saat submit.

Buka → # Min, Max, dan Step

Tetapkan rentang nilai sah pada input number, date, dan range dengan atribut min, max, dan step.

Buka → # Pola Validasi

Periksa bentuk teks dengan atribut pattern, sintaks regex dasar, dan title sebagai penjelas pola.

Buka → # Validasi Browser

Pahami cara browser menjalankan constraint validation, memakai novalidate, formnovalidate, dan pseudo-class.

Buka → # Pesan Kesalahan

Kenali pesan kesalahan bawaan browser, keterbatasannya, dan cara menyusun markup yang ramah pesan.

Buka → # Batasan Validasi HTML

Pahami batas validasi HTML di sisi klien, alasan validasi server wajib ada, dan ringkasan atributnya.

Buka →