HTML, CSS

select태그 기초와 multiple 속성

JooKit 주킷 2021. 6. 2. 13:33
목차 접기
728x90
반응형
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>선택 태그</title>
</head>
<body>
    <!-- 리스트의 내용을 하나만 선택할 수 있게끔 해주는 태그의 조합
    select 태그와 option태그를 이용하면 된다. -->
    <select name="" id="">
        <option value="">김밥</option>
        <option value="">어묵</option>
        <option value="">쫄면</option>
        <option value="">볶음밥</option>
        <option value="">우동</option>
    </select>
    <br>
    <br>
    <!-- multiple을 사용하면 여러개를 select 할 수 있도록 만들 수 있다. -->
    <select name="" id="" multiple>
        <option value="">김밥</option>
        <option value="">어묵</option>
        <option value="">쫄면</option>
        <option value="">볶음밥</option>
        <option value="">우동</option>
    </select>
    <br>
    <br>



</body>
</html>
728x90
반응형
LIST