<select> 태그
select 태그는 input 태그들과 비슷하게 form 태그 내부에서 쓰인다.
마우스를 이용해 여러개의 선택지 중에서 하나를 선택할 때 사용하는 양식 중 하나이며, Dropdownlist 라고도 부른다.
어떤 주제와 관련된 여러 선택지를 하나로 묶어서 웹페이지의 공간을 아끼고 가시성이 좋게 만들 수 있다.
<select> 태그 사용법
Dropdownlist.html
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<form action="https://localhost/website.php">
<select name ="website">
<option value="Google">구글</option>
<option value="Naver">네이버</option>
<option value="Daum">다음</option>
</select>
<input type="submit">
</form>
</body>
</html>
(실행결과)
<select name ="website">
<option value="Google">구글</option>
<option value="Naver">네이버</option>
<option value="Daum">다음</option>
</select>select 태그는 내부의 여러개의 option 태그를 Dropdownlist 형식으로 만들어주는 역할을 한다.
select 태그에서 name 속성을 부여하여 전송되는 값이 어떤 값인지 알려줘야한다.
option 태그는 Dropdownlist 형식에서 선택지를 구분할 때 사용하는 태그이다.
option 태그의 내용은 사용자의 눈에 보이는 내용이고, value 속성을 이용하여 서버에게 실제로 보내질 값을 정한다.
'HTML_CSS > HTML' 카테고리의 다른 글
| 사용자의 입력 값을 받을 수 있는 <input> 태그 (0) | 2021.06.05 |
|---|---|
| 서버로 원하는 데이터를 보내기 위한 <form> 태그 (0) | 2021.06.01 |
| 표를 만들어주는 <table> 태그 (0) | 2021.05.31 |
| HTML 주석 기능 (0) | 2021.02.28 |
