셀렉트박스(select), <option> 태그, 기본값 지정하기, 카테고리 지정하기
CODEDRAGON ㆍDevelopment/Web, WWW
반응형
셀렉트박스(select)
· 콤보박스(Combo box) 또는 Pull-Down Menus라고도 표현합니다.
· 리스트형태의 데이터를 사용하며 이 리스트중 한 항목을 선택할 때 사용합니다.
· <select>태그와 <option>태그로 구성됩니다.
<select name="protocol"> <option value="http">http</option> <option value="ftp" selected="selected">ftp</option> <option value="smtp">smtp</option> <option value="pop">pop</option> <option value="ssh">ssh</option> </select> |
<option> 태그
<option> 태그에서는 선택된 항목의 value값이 서버로 전송되어지는 값이 됩니다.
기본값 지정하기
기본값으로 특정 항목이 선택되게 하려면 selected 속성을 해당 항목에 추가하면 됩니다.
카테고리 지정하기
· <optgroup> 태그를 사용하여 옵션에 카테고리를 만들 수 있으며 대부분의 웹 브라우저에서 지원합니다.
· HTML 4 버전에서 새로 만들어진 태그입니다.
'Development > Web, WWW' 카테고리의 다른 글
favorite web framework & ranking (0) | 2017.05.08 |
---|---|
Bootstrap(부트스트랩) 다운로드 (0) | 2017.04.28 |
Bootstrap(부트스트랩) 특징 (0) | 2017.04.22 |
Bootstrap(부트스트랩) 한글 번역페이지 (0) | 2017.04.17 |
웹 개발자 도구 (Web Developer Tool) - Chrome(크롬) 개발자 도구, Firefox(파이어폭스) 개발자 도구, Edge(엣지) 개발자 도구 (0) | 2017.04.10 |