요약 - 폼 #1

Coddy HTML 여정의 기초 섹션에 포함된 레슨. 60개 중 46번째.

챌린지

쉬움

아래 그림과 같이 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>