Yükleniyor...
HTML Form Öğeleri
Form araç kutusudur. Farklı sorular farklı kontroller ister.
Doğrudan yanıt
Use label + controls such as input, textarea, select, and button. Group with fieldset and legend. Every control needs an accessible name (usually via label).
📊 Yaygın form parçaları
| Element | Role |
|---|---|
| label | Names a control for humans and assistive tech |
| input | Many single-line / toggle controls (see Input Types) |
| textarea | Multi-line text |
| select / option | Choose from a list |
| button | Actions (submit/reset/button) |
| fieldset / legend | Group related controls with a title |
Mixed controls sketch
html
HTML Code
<form action="/profile" method="post">
<fieldset>
<legend>Profile</legend>
<label for="bio">Bio</label>
<textarea id="bio" name="bio" rows="4"></textarea>
<label for="level">Level</label>
<select id="level" name="level">
<option value="beginner">Beginner</option>
<option value="middle">Middle</option>
</select>
<button type="submit">Save</button>
</fieldset>
</form>Dene
- fieldset + legend
- textarea + select with labels
- submit button
- keyboard reach each control
Kolay hatalar
- controls without labels
- div title instead of legend
- submit outside form
Özet
- match control to question
- always label
- fieldset/legend groups
- details next lessons
🧠 Bilginizi Test Edin
Başlamaya Hazır
Bilginizi Test Edin
Bu interaktif sınavla kendini test et ve konuyu ne kadar iyi anladığını gör
5
Sorular
70%
Geçmek İçin
∞
Süre
∞
Deneme
📝 Talimatlar
- Her soruyu dikkatle okuyun
- Her soru için en iyi cevabı seçin
- Quiz'i istediğiniz kadar tekrar alabilirsiniz
- İlerlemeniz üstte gösterilecek