728x90
홈페이지에서 생년월일 선택이나, 쇼핑몰에서 상품 선택시 목록이 아래로 쭉 펼쳐지는 걸 본 적 있으실 겁니다.
이런 것들을 선택목록이나 셀렉트 박스라고 합니다.
이 목록을 사용하면 공간도 절약되고 레이아웃도 깔끔해 집니다.
이러한 목록을 만들기 위해 <select> 태그와 <option>태그를 사용합니다.
<select>태그
-size 는 선택 목록의 크기를 지정합니다. 설정한 값만큼만 표시되고 나머지는 클릭을 해야지만 볼 수 있습니다.
*자바스크립트로 새창열기
-window.open(링크주소)
코드를 수정후 적용하기를 눌러 확인가능합니다.
반응형
'배워보자!! > html-css' 카테고리의 다른 글
| [html/css] 텍스트(text) 속성 알아보기! (0) | 2015.03.24 |
|---|---|
| [html/css] html 텍스트 영역을 만들어보자! <textarea> 태그 (0) | 2015.03.18 |
| [html/css] css 이용해 테두리 모양 지정하기! (0) | 2015.03.18 |
| [html/css] 테이블(table) 속성 알아보기! (0) | 2015.03.11 |
| [html/css] html 색상코드와 색상네임입니다. (0) | 2015.03.11 |
댓글