[HTML]25_콤보박스(select)_기본값 지정, 비활성화, 항목 비활성화

2u·2023년 3월 16일
1

HTML

목록 보기
21/22
post-thumbnail

1. select 태그

: 아래로 펼쳐지는 목록 상자
: 드롭다운 메뉴 또는 리스트박스를 만들 수 있다.

2. option 태그

: HTML select태그 내부의 항목
: HTML에서 드롭다운 메뉴의 항목

-> value값을 지정하지 않으면 해당 태그가 갖고있는 내용을 그대로 value값으로 받는다.

3. 응용

1) selected

: 기본값을 지정하지 않으면 가장 위에 있는 값이 기본값으로 선택된다.
: selected를 지정하면, 해당 항목이 기본값으로 지정되고, 화면을 열었을 때 지정 값이 자동으로 선택되 보여지게 된다.

2) disabled (1)

: 여러 항목 중, 특정한 항목을 선택할 수 없게 만들 수 있다.
: disabled를 사용하면, 해당 항목은 콤보박스 리스트에 보여지지만, 선택은 할 수 없게 된다.

3) hidden

: 특정한 항목을 콤보박스의 리스트에서 보여지지 않도록 할 수 있다.
: hidden을 사용하면, 해당 항목은 콤보박스 목록에서 보여지지 않게 되고, 당연히 사용자는 그 항목을 선택할 수 없다.

4) disabled (2)

: 사용자가 콤보박스의 값을 수정하지 못하도록 비활성화할 수 있다.
: <select]>태그에 disabled라고 써주면 콤보박스가 비활성화 되고, 사용자가 콤보박스를 변경할 수 없다.

0개의 댓글