HTML'de seçenek listesi oluşturmak için <select> etiketi kullanılır. Bu etiket, bir veya birden çok seçenek içeren bir liste oluşturmanıza olanak tanır. İşte bir örnek:
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Seçenek Listesi Örneği</title>
</head>
<body>
<label for="meyve">En Sevdiğiniz Meyve:</label>
<select id="meyve" name="meyve">
<option value="elma">Elma</option>
<option value="armut">Armut</option>
<option value="üzüm">Üzüm</option>
<option value="portakal">Portakal</option>
</select>
</body>
</html>
Bu örnekte, kullanıcı "En Sevdiğiniz Meyve" başlığı altında bir seçenek listesinden bir meyve seçebilir. Her <option> etiketi, bir meyveyi temsil eder ve value özelliği, seçilen meyvenin değerini belirtir.
Ayrıca, bir multiple özelliği ekleyerek kullanıcının birden çok seçenek seçmesine izin verebilirsiniz:
<select id="meyve" name="meyve" multiple>
<option value="elma">Elma</option>
<option value="armut">Armut</option>
<option value="üzüm">Üzüm</option>
<option value="portakal">Portakal</option>
</select>
Bu durumda, kullanıcı Ctrl (Windows/Linux) veya Command (Mac) tuşunu kullanarak birden çok meyve seçebilir. Seçilen tüm değerler form gönderildiğinde sunucuya iletilir.