요약 - 폼 #1

Coddy HTML 여정의 Fundamentals 섹션에 포함된 레슨 — 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>