select를 사용하면 드롭다운 박스로 옵션을 선택할 수 있게 만들어준다.
코드
<!DOCTYPE html>
<html lang="en">
<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>Step02_example2.html</title>
</head>
<body>
<input type="text" id="one">
<br>
<select id="two">
<option value="cat">고양이</option>
<option value="dog">개</option>
<option value="elephant">코끼리</option>
</select>
<br>
<p id="three">하나</p>
<div id=four>두울</div>
</body>
</html>
'WEB' 카테고리의 다른 글
[JavaScript] forEach (0) | 2021.10.13 |
---|---|
[JavaScript] 전역변수(Global) / 지역변수(Local) (0) | 2021.10.13 |
[JavaScript] 자바스크립트에서 CSS사용하기 / 마우스 올리면 배경 색 변경 예제 (0) | 2021.10.12 |
[HTML] 자동 완성 기능 / VScode / emmet (0) | 2021.10.12 |
[JavaScript] 반복문 (0) | 2021.10.12 |