HTML31 / 46

Validasi bawaan browser

Browser bisa memvalidasi sebelum form terkirim: required (wajib diisi), minlength, pattern (regex). Ini gratis dan instan. Tapi ingat: validasi HTML hanya untuk kenyamanan user — bisa dilewati lewat DevTools, jadi server wajib memvalidasi ulang. Ini prinsip keamanan yang selalu ditanya di interview backend.

👀 Contoh dulu

<input type="text" name="kode" required maxlength="5">
<input type="number" name="umur" min="17" max="100">

Hasilnya: Submit dengan kode kosong memunculkan pesan browser 'Please fill out this field'. Umur di bawah 17 juga ditolak.

💡 Pesan validasinya otomatis dan mengikuti bahasa browser user — kamu tidak perlu menulisnya sendiri.

📝 Sekarang giliranmu

Buat input type="text" dengan name="username", atribut required, dan minlength="3".

Preview