Spear — Learn to Code

Form Attributes

HTML5 menyediakan banyak atribut untuk validasi dan konfigurasi form tanpa JavaScript.

Validation Attributes

required — wajib diisi
minlength / maxlength — panjang teks
min / max — nilai angka
pattern — regex pattern
step — interval angka yang valid

Other Useful Attributes

placeholder — teks placeholder
autofocus — fokus otomatis saat halaman dimuat
autocomplete — on/off autocomplete
readonly — hanya bisa dibaca
disabled — dinonaktifkan
multiple — bisa pilih banyak (file/email)

<form onsubmit="event.preventDefault();alert('Form valid!')"> <div> <label><strong>Username (required, 3-15 chars):</strong></label><br> <input type="text" required minlength="3" maxlength="15" placeholder="3-15 karakter"> </div> <div> <label><strong>Age (18-99):</strong></label><br> <input type="number" min="18" max="99" placeholder="18-99"> </div> <div> <label><strong>Phone (pattern: 08xxx):</strong></label><br> <input type="tel" pattern="08[0-9]{8,12}" placeholder="081234567890"> </div> <div> <label><strong>Readonly:</strong></label><br> <input type="text" value="Tidak bisa diedit" readonly> </div> <div> <label><strong>Disabled:</strong></label><br> <input type="text" value="Dinonaktifkan" disabled> </div> <button type="submit">Submit (Coba validasi)</button> </form>