choice

기혁·2023년 2월 20일

HTML 학습

목록 보기
4/6
post-thumbnail

day03

choice (1)

<!--
        - <select> 태그로 드롭다운의 박스를 구성하고,
        - <option> 태그로 선택 항목을 구성한다.
    -->
    <form>
        <fieldset>
            <legend>이동 통신사 선택하기</legend>
            <div>
                <label for="telecom">이동통신사 선택하기</label>
                <select name="telecom" id="telecom">
                    <option>---선택하세요---</option>
                    <option value="SKT">SKTelecom</option>
                    <option value="KT">KT</option>
                    <option value="LG U+">LG U+</option>
                </select>
            </div>
        </fieldset>
    </form>

결과물

이동 통신사 선택하기
이동통신사 선택하기 ---선택하세요--- SKTelecom KT LG U+

choice (2)

    <form action="http://localhost/color.jsp">
            <h1>색상</h1>
            <div>
            <select name="color">
                <option value="red">붉은색</option>
                <option value="black">검은색</option>
                <option value="blue">파란색</option>
            </select>
            <input type="submit" />
            </div>
    </form>

결과물

색상

붉은색 검은색 파란색
profile
⭐️내가만든쿠키⭐️

0개의 댓글