Cek Struktur Proyek Formulir Pendaftaran

Halaman ini membantu memeriksa hasil setiap Bagian proyek Seminar Web Komunitas secara mandiri. Centang butir yang terpenuhi; progres tersimpan otomatis di browser dan tidak perlu dicentang ulang.

0 dari 16 butir terpenuhi

Struktur form (Bagian 1)

Form memakai action dan method="post"
Tiga kelompok fieldset masing-masing berjudul lewat legend: Data diri, Kategori peserta, Akun
Terdapat input text, date, email, password, satu select kota, tiga radio satu grup, satu checkbox, dan tombol submit
Ketiga radio berbagi name="kategori" dengan value berbeda
Opsi pertama select bernilai kosong sebagai penanda belum memilih

Label dan fieldset (Bagian 1)

Setiap kontrol punya label dengan pasangan for/id yang cocok
Mengklik teks label memindahkan fokus ke kolomnya
Logo assets/logo-acara.svg tampil dengan alt deskriptif

Validasi atribut (Bagian 2)

required terpasang pada semua kolom wajib, termasuk radio pertama dan checkbox persetujuan
minlength="8" pada kata sandi dan minlength="3" pada nama
pattern nama menolak angka dan atribut title memberi saran
min dan max pada tanggal lahir menolak isian di luar rentang
Token autocomplete terisi: name, bday, address-level2, email, new-password

Umpan balik JavaScript (Bagian 3-4)

Stylesheet ../styles/style.css terhubung; cincin fokus :focus-visible terlihat saat menekan Tab
Form memakai novalidate dan tombol kirim tidak lagi menampilkan gelembung browser
Kirim formulir kosong: pesan kustom tampil di bawah setiap kolom bermasalah
Kontrol tidak sah memperoleh aria-invalid="true" di panel inspector
Isian lengkap dan sah menampilkan kartu ringkasan keberhasilan

Halaman pemeriksaan ini juga memakai stylesheet proyek dan gambar aset melalui path relatif ../, sekaligus menjadi contoh rujukan lintas folder.