Rangkuman, Formulir #1

Termasuk bagian Dasar-Dasar dalam perjalanan HTML di Coddy. Pelajaran 46 dari 60.

Tantangan

Mudah

Mari buat formulir pemesanan minuman sederhana menggunakan HTML, seperti yang ditunjukkan pada gambar di bawah.

Berikut hal-hal yang perlu disertakan:

Tag <form> untuk membungkus semuanya.
Kelompok tombol radio (name: "drink") agar pengguna dapat memilih minuman. Labelnya harus berupa "Water", "Coke", atau "Sprite".
Kelompok kotak centang (name: "extras") untuk tambahan opsional. Labelnya harus berupa "Ice", "Lemon", atau "Sugar".
Menu dropdown (name: "size") untuk memilih ukuran minuman. Opsinya harus berupa "Small", "Medium", atau "Large".
Tombol kirim berlabel "Place Order".
Tombol reset berlabel "Clear".

⚠️ Penting: Gunakan hanya satu tag <form>. HTML tidak mengizinkan tag <form> bersarang: menempatkan <form> di dalam <form> lain tidak valid dan akan menyebabkan input terdeteksi berada di luar form, sehingga kasus uji gagal. Letakkan semua tombol radio, kotak centang, dropdown, dan tombol langsung di dalam satu <form> luar: jangan bungkus bagian-bagian tersebut dengan tag <form> tambahan.

Coba sendiri

<!DOCTYPE html>
<html>
    <body>
        <form>
            <p>Select a drink: </p>
            <!-- Tulis kodemu di sini -->
            
            <p>Select extras: </p>
            <!-- Tulis kodemu di sini -->
            
            <p>Select size: </p>
            <!-- Tulis kodemu di sini -->
            
        </form>
    </body>
</html>