HTML의 Select 에 사용하는 optgroup 의 용도는 선택시 여백을 준다

조금 특이하고 잘 사용하지 않는 HTML 태그에 관한 정보이다.

흔히들 Select 박스는 나열형으로 해당 아이템들의 중간중간에 공백을 넣지 않는 것으로 생각한다.
하지만 HTML의 Select 에 사용하는 optgroup 의 용도는 선택시 공백을 넣어줄 수 있도록 한다.

말이 필요없다. 직접 HTML 을 만들어서 실행해 보면, 무슨 말인지 금방 알 수 있다. 아래 소스를 참고 바란다.

<select name="acl_t" class="edit">
  <option value="__g__" class="aclgroup">グループ:   </option>
  <option value="__u__"  class="acluser">ユーザー:</option>

  <optgroup label="&nbsp;">
  <option value="@ALL" class="aclgroup">@ALL</option>
  <option value="@user" class="aclgroup">@user</option>
  </optgroup>

</select>

SELECT에서 선택 항목들을 바짝 붙이지 않고, 특정 항목들은 그룹으로 보이게 해서 가독성을 높여 준다.

댓글 쓰기

CAPTCHA
스팸방지를 위해 아래에 보이는 영문/숫자를 입력해 주세요.
Image CAPTCHA
Enter the characters shown in the image.