무민이의 반반무많이

select 태그로 Select Box(선택 상자) 만들기 본문

HTML5

select 태그로 Select Box(선택 상자) 만들기

M00min 2016.12.14 23:59

(공감과 댓글 하나는 글쓴이에게 큰 힘이 됩니다.)


<select> 태그를 이용하여 Select Box(선택 상자)를 삽입할 수 있다.


<option> 태그를 이용하여 Select Box(선택 상자) 안에 항목들을 추가할 수 있다.


사용자가 선택하지 않았을 때, 기본적으로 첫 번째 항목이 선택되지만, selected 속성을 통해 기본적으로 선택되는 값을 바꿀 수 있다.

(Radio Button이나 Check Box의 checked 속성과 헷갈리지 않도록 주의하자!)


<select> 태그에서 multiple 속성을 이용하여 여러개의 항목을 선택하도록 할 수 있다.

(Ctrl을 누른 상태로 클릭을 해야 여러 항목이 선택된다!)


마찬가지로 selected 속성을 통해 기본적으로 선택되는 값을 바꿀 수 있다.


<optgroup> 태그를 이용해서 항목들의 그룹을 지정할 수 있다.

0 Comments
댓글쓰기 폼