목차
접기
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>선택태그-optgroup</title>
</head>
<body>
<select name="" id="">
<!-- option의 그룹을 지어주는 역할을 하는 것이 바로 optgroup태그이다. -->
<optgroup label="커피(coffee)">
<option value="americano">아메리카노</option>
<option value="latte">라떼</option>
<option value="espresso">에스프레소</option>
</optgroup>
<optgroup label="티(tea)">
<option value="">자스민티</option>
<option value="">얼그레이티</option>
</optgroup>
</select>
</body>
</html>728x90
반응형
LIST
'HTML, CSS' 카테고리의 다른 글
| 시맨틱태그_적용한 HTML5 문서 구조 (0) | 2021.06.02 |
|---|---|
| 시맨틱태그_설명(html 웹 문서 구조) (0) | 2021.06.02 |
| select태그 기초와 multiple 속성 (0) | 2021.06.02 |
| 폼태그 기초 시작(input type=button/reset/submit/image/text/password/checkbox/radio/file/hidden... (0) | 2021.06.02 |
| form 데이터 전달을 위한 기초 개념 (0) | 2021.06.01 |