Özet - Formlar #1

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

Görev

Kolay

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

İşte dahil edilecekler:

Her şeyi sarmalamak için bir <form> etiketi.
Kullanıcıların içeceklerini seçmelerine olanak tanıyan bir grup radyo düğmesi (name: "drink"). Etiketler "Water", "Coke" veya "Sprite" olmalıdır.
İsteğe bağlı eklentiler için bir grup onay kutusu (name: "extras"). Etiketler "Ice", "Lemon" veya "Sugar" olmalıdır.
İçecek boyutu 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ın. HTML, iç içe geçmiş <form> etiketlerine izin vermez — bir <form> etiketini başka bir <form> içine yerleştirmek geçersizdir ve girdilerinizin form dışında algılanmasına neden olarak testleri bozar. Tüm radyo düğmelerinizi, onay kutularınızı, açılır menünüzü ve düğmelerinizi doğrudan tek bir dış <form> içine yerleştirin — bölümleri fazladan <form> etiketleriyle sarmalamayın.

Kendin dene

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