Özet - Formlar #2

Aşağıdaki resimdeki gibi basit bir kayıt formu oluşturalım!

İşte dahil edilecekler:

1. Her şeyi bir araya getirmek için bir <form> etiketi.
2. Bir etiket ve bir metin girişi olan bir Username alanı. Etiket "Username:" demeli ve for="username" kullanmalıdır. Giriş (input) id="username", name="username", type="text" ve placeholder "Enter your username" özelliklerine sahip olmalıdır.
3. Bir etiket ve bir e-posta girişi olan bir Email alanı. Etiket "Email:" demeli ve for="email" kullanmalıdır. Giriş id="email", name="email", type="email" ve placeholder "Enter your email" özelliklerine sahip olmalıdır.
4. Bir etiket ve bir şifre girişi olan bir Password alanı. Etiket "Password:" demeli ve for="userpassword" kullanmalıdır. Giriş id="userpassword", name="userpassword", type="password" ve placeholder "Enter your password" özelliklerine sahip olmalıdır.
5. Kullanıcıların türlerini seçmelerine olanak tanıyan bir radyo düğmesi grubu: "Student" veya "Teacher". Radyo düğmelerinin üzerine "User Type:" yazan bir paragraf veya başlık ekleyin. "Student" radyo düğmesi id="student", name="usertype", value="student" özelliklerine ve "Student" yazan bir etikete sahip olmalıdır. "Teacher" radyo düğmesi id="teacher", name="usertype", value="teacher" özelliklerine ve "Teacher" yazan bir etikete sahip olmalıdır. Unutmayın: her iki radyo düğmesi de aynı name özniteliğine ("usertype") sahip olmalıdır, böylece aynı anda yalnızca biri seçilebilir.
6. Kullanıcıların ilgi alanlarını seçmelerine olanak tanıyan bir onay kutusu (checkbox) grubu: "Sports", "Music" ve "Technology". Onay kutularının üzerine "Interests:" yazan bir paragraf veya başlık ekleyin. "Sports" onay kutusu id="sports", name="interests", value="sports" özelliklerine ve "Sports" yazan bir etikete sahip olmalıdır. "Music" onay kutusu id="music", name="interests", value="music" özelliklerine ve "Music" yazan bir etikete sahip olmalıdır. "Technology" onay kutusu id="technology", name="interests", value="technology" özelliklerine ve "Technology" yazan bir etikete sahip olmalıdır. Unutmayın: tüm onay kutuları aynı grupta oldukları için aynı name özniteliğine ("interests") sahip olmalıdır.
7. Formun sonunda bir Sign Up düğmesi ve bir Clear düğmesi. Sign Up düğmesi type="submit" ve Clear düğmesi type="reset" özelliklerine sahip olmalıdır. Sign Up düğmesi "Sign Up" metnini, Clear düğmesi ise “Clear” metnini görüntülemelidir.

Kullanıcı dostu bir deneyim için uygun etiketleri ve başlıkları eklediğinizden emin olun!

Unutmayın, girişler şu önemli öznitelikleri içermelidir: type, id, name ve value.