סיכום – טפסים #1

חלק מהיחידה יסודות במסלול ה-HTML של Coddy. שיעור 46 מתוך 60.

אתגר

קל

בואו נבנה טופס פשוט להזמנת משקה באמצעות HTML, כפי שמוצג בתמונה למטה.

כך צריך לבנות את הטופס:

תגית <form> שתעטוף את הכול.
קבוצה של לחצני בחירה (name: "drink") כדי לאפשר למשתמשים לבחור משקה. התוויות צריכות להיות "Water", "Coke" או "Sprite".
קבוצה של תיבות סימון (name: "extras") לתוספות אופציונליות. התוויות צריכות להיות "Ice", "Lemon" או "Sugar".
תפריט נפתח (name: "size") לבחירת גודל המשקה. האפשרויות צריכות להיות "Small", "Medium" או "Large".
כפתור שליחה עם התווית "Place Order".
כפתור איפוס עם התווית "Clear".

⚠️ חשוב: השתמשו בתגית <form> אחת בלבד. HTML אינה מאפשרת תגיות <form> מקוננות: הצבת תגית <form> בתוך תגית <form> אחרת אינה תקינה ותגרום לכך שהקלטים שלכם יזוהו מחוץ לטופס, מה שישבור את הבדיקות. הציבו את כל לחצני הבחירה, תיבות הסימון, התפריט הנפתח והכפתורים ישירות בתוך תגית ה־<form> החיצונית היחידה: אל תעטפו חלקים בתגיות <form> נוספות.

נסו בעצמכם

<!DOCTYPE html>
<html>
    <body>
        <form>
            <p>Select a drink: </p>
            <!-- כתבו כאן קוד -->
            
            <p>Select extras: </p>
            <!-- כתבו כאן קוד -->
            
            <p>Select size: </p>
            <!-- כתבו כאן קוד -->
            
        </form>
    </body>
</html>