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.

# Struktur Form

Kenali elemen form sebagai wadah kontrol, anatomi form minimal, dan pasangan pertama label dengan input.

Buka → # Label dan Input

Hubungkan label dengan input lewat for dan id atau pembungkusan, serta pahami kontrak aksesibilitas di baliknya.

Buka → # Text dan Password Input

Gunakan input text dan password beserta value, autocomplete, serta perbedaan readonly dan disabled.

Buka → # Email, URL, dan Number Input

Kenali input email, url, dan number beserta min, max, step, dan multiple untuk menerima data berformat.

Buka → # Checkbox dan Radio

Buat pilihan mandiri dengan checkbox dan kelompok pilih satu dengan radio, lengkap dengan checked dan value.

Buka → # Select dan Option

Susun dropdown pilihan dengan select, option, optgroup, serta opsi multi-select dan placeholder.

Buka → # Textarea

Terima teks panjang dengan textarea: nilai awal antar-tag, rows dan cols, maxlength, wrap, serta resize.

Buka → # Button

Kenali elemen button beserta tipe submit, reset, dan button, serta cara tombol terasosiasi dengan form.

Buka → # Fieldset dan Legend

Kelompokkan kontrol form yang berkaitan dengan fieldset dan beri judul grup menggunakan elemen legend.

Buka → # File Input

Kenali input type=file untuk mengunggah berkas beserta accept, multiple, capture, dan enctype multipart.

Buka → # Date dan Time Input

Kenali lima tipe input tanggal dan waktu, format nilainya, atribut min, max, step, dan fallback browser.

Buka → # Form Action dan Method

Atur tujuan dan cara pengiriman data form: atribut action, method GET versus POST, enctype, dan target.

Buka → # Name, Value, dan Form Data

Pahami pasangan name=value yang dikirim browser, termasuk jebakan kontrol tanpa atribut name.

Buka →