셀렉트박스(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 버전에서 새로 만들어진 태그입니다.