HTML5Tingkat: Menengah6 min
Formulir Interaktif, Tipe Input & Validasi
Pelajari pembuatan formulir input pengguna: text, email, password, radio, checkbox, textarea, serta atribut validasi bawaan seperti required dan pattern.
Elemen <form> & Atribut Penting
Pratinjau TerbukaElemen <form> membungkus kumpulan kontrol input. Atribut action menentukan URL tujuan pengiriman, sedangkan method menentukan metode HTTP (GET atau POST).
Poin Penting:
Tipe input khusus HTML5: type="email", type="number", type="date", type="password".
Atribut validasi: required (wajib diisi), minlength, maxlength, dan placeholder.
Contoh Formulir Pendaftaran Lengkap
Kode formulir dengan kontrol input terstandarisasi:
<form action="/api/register" method="POST">
<div>
<label for="nama-lengkap">Nama Lengkap:</label>
<input type="text" id="nama-lengkap" name="fullname" required placeholder="Contoh: Azzam Codex">
</div>
<div>
<label for="email-user">Alamat Email:</label>
<input type="email" id="email-user" name="email" required placeholder="[email protected]">
</div>
<button type="submit">Daftar Akun Baru</button>
</form>
Live Compiler Runner
Akses Kursus Wajib Login
Buka Akses Penuh Silabus & Praktikum
Masuk dengan akun GitHub, Google, atau Akses Cepat Developer untuk membuka seluruh materi mendalam, menjalankan compiler interaktif, mengerjakan kuis, dan menyimpan progres belajar Anda.
145+ Modul Lengkap•Tersimpan Otomatis•Sertifikat Kelulusan Resmi