Özet - Formlar #1

Coddy'nin HTML Journey'sinin Temeller bölümünün bir parçası. Ders 46 / 60.

Görev

Kolay

Şimdi aşağıdaki görselde gösterildiği gibi HTML kullanarak basit bir içecek sipariş formu oluşturalım.

Şunları eklemelisin:

Her şeyi sarmalamak için bir <form> etiketi.
Kullanıcıların içeceklerini seçebilmesi için bir grup radyo düğmesi (name: "drink"). Etiketler "Water", "Coke" veya "Sprite" olmalıdır.
İsteğe bağlı eklemeler için bir grup onay kutusu (name: "extras"). Etiketler "Ice", "Lemon" veya "Sugar" olmalıdır.
İçecek boyutunu seçmek için bir açılır menü (name: "size"). Seçenekler "Small", "Medium" veya "Large" olmalıdır.
"Place Order" etiketli bir gönder düğmesi.
"Clear" etiketli bir sıfırlama düğmesi.

⚠️ Önemli: Yalnızca bir <form> etiketi kullan. HTML, iç içe <form> etiketlerine izin vermez: bir <form> etiketini başka bir <form> etiketinin içine yerleştirmek geçersizdir ve girdilerinin formun dışında algılanmasına neden olarak testleri bozar. Tüm radyo düğmelerini, onay kutularını, açılır menüyü ve düğmeleri tek dış <form> etiketinin doğrudan içine yerleştir: bölümleri ek <form> etiketleriyle sarmalama.

Kendin dene

<!DOCTYPE html>
<html>
    <body>
        <form>
            <p>Select a drink: </p>
            <!-- Kodu buraya yaz -->
            
            <p>Select extras: </p>
            <!-- Kodu buraya yaz -->
            
            <p>Select size: </p>
            <!-- Kodu buraya yaz -->
            
        </form>
    </body>
</html>