★더보기
더보기
- select 태그 (select박스-> 2개이상의 보기, radio->둘 중 하나 선택)
- 미리 지정된 값들 중 하나를 선택할 때 사용하는 태그
- 대표적으로 생년월일 선택할 때 사용
- option 태그와 같이 사용
- option태그에 selected 속성이 없으면 첫번째 option 태그에 있는 값이 보임
- form 태그를 이용하여 데이터 전송시에 선택된 option태그의 value값이 전송됨
<!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>select 태그 예제</title>
</head>
<body>
<form action="">
<select name="gender">
<option value="">선택안함</option>
<option value="male" selected>남성</option>
<option value="female">여성</option>
</select>
<button>전송</button> <!-- type을 안적으면 submit이 들어감-->
</form>
</body>
</html>'괴발개발 > Html+CSS' 카테고리의 다른 글
| Html_회원가입창 만들기 (0) | 2021.06.08 |
|---|---|
| Html_button태그 (0) | 2021.06.08 |
| Html_ 리스트 만들기 ol,ul,li (0) | 2021.06.07 |
| Html_자기소개,수학문제 예제 (0) | 2021.06.07 |
| Html_블록태그와 글의 구조 (0) | 2021.06.07 |