반응형
※select 태그 속성
| select | 선택 양식을 생성 |
| optgroup | 옵션을 그룹화 |
| option | 옵션을 생성 |
※select 박스에서 기초 option을 이용할 경우
<body>
<select>
<option>선택1</option>
<option>선택2</option>
</select>
</body>※select 박스에서 selected를 사용하여 기본값을 지정한 상태로 표시할 경우
<body>
<select>
<option>선택1</option>
<option selected="selected">선택2</option>
</select>
</body>※select 박스에 카테고리 형식으로 구분하기 위해 optgroup를 사용할 경우
<body>
<select>
<optgroup label="옵션1">
<option>선택1</option>
<option>선택2</option>
</optgroup>
<option>선택3</option>
<option>선택4</option>
</select>
</body>※select 박스에 링크 걸기 새탭
<body>
<select name="select" onchange="window.open(value,'_blank');">
<option>선택</option>
<option value="http://www.naver.com">네이버</option>
<option value="http://www.daum.net">다음</option>
</body>※select 박스에 링크 걸기 현재 페이지
<body>
<select name="select" onchange="window.open(value,'_self');">
<option></option>
<option>선택</option>
<option value="http://www.naver.com">네이버</option>
<option value="http://www.daum.net">다음</option>
</select>
</body>_blank와 _self 차이로 새탭과 현페이지 열기가 가능합니다.
반응형
'웹 공부' 카테고리의 다른 글
| [JavaScript(jQuery)] 클립보드 복사 (0) | 2023.10.13 |
|---|---|
| (HTML) Form 태그에 사용되는 기본 태그들을 알아보자! (0) | 2019.10.10 |
| (HTML) 테이블 글자 정렬에 대해 알아보자! (0) | 2019.09.27 |
| HTML 기본 용어 정리 (0) | 2019.06.26 |
| HTML Table태그 사용법 ( 생성 및 디자인 ) (0) | 2019.06.23 |