[name] <select name="텍스트">
드롭다운 리스트의 이름을 명시합니다.
select element - by. UXKM
select element 설명
<select> 요소는 옵션 메뉴를 제공하는 드롭다운 리스트(drop-down list)를 정의할 때 사용합니다.
<select> 요소 내부의 <option> 요소는 드롭다운 리스트(drop-down list)에서 사용되는 각각의 옵션을 정의합니다.
이러한 <select> 요소는 사용자로부터 입력을 받기 위한 폼(form)에 사용될 수 있습니다.
HTML5에서는 <select> 요소에 autofocus 속성과 form 속성, required 속성이 새롭게 추가되었습니다.
9.5.1. select 속성
[size] <select size="숫자">
드롭다운 리스트에서 한 번에 보일 옵션의 개수입니다.
기본값은 1이며, 만약 multiple 속성이 명시되어 있다면 기본값은 4로 설정됩니다.
[disabled] <select disabled>
disabled 속성은 해당 드롭다운 리스트가 비활성화됨을 명시합니다.
disabled 속성이 명시된 드롭다운 리스트는 사용할 수 없으며, 사용자가 클릭할 수도 없습니다.
또한, 폼 데이터가 제출될 때도 disabled 속성이 명시된 <select> 요소의 데이터는 제출되지 않습니다.
따라서 이 속성을 사용하면 특정 조건이 충족될 때까지 사용자가 드롭다운 리스트를 클릭할 수 없도록 설정하고, 특정 조건이 충족되면 자바스크립트 등으로 disabled 속성값을 삭제하여 사용자가 드롭다운 리스트를 다시 사용할 수 있도록 조절할 수 있습니다.
disabled 속성은 불리언(boolean) 속성입니다.
불리언 속성은 해당 속성을 명시하지 않으면 속성값이 자동으로 false 값을 가지게 되며, 명시하면 자동으로 true 값을 가지게 됩니다.
[multiple] <select multiple>
사용자가 한 번에 두 개 이상의 옵션을 선택할 수 있음을 명시합니다.
XHTML에서는 속성값을 생략할 수 없으므로, 속성명과 속성값을 모두 명시해야만 합니다.
<select multiple="multiple">
[autofocus] <select autofocus>
페이지가 로드될 때 자동으로 포커스(focus)가 드롭다운 리스트로 이동됨을 명시합니다.
autofocus 속성은 불리언(boolean) 속성입니다.
불리언 속성은 해당 속성을 명시하지 않으면 속성값이 자동으로 false 값을 가지게 되며, 명시하면 자동으로 true 값을 가지게 됩니다.
XHTML에서는 속성값을 생략할 수 없으므로, 속성명과 속성값을 모두 명시해야만 합니다.
<select autofocus="autofocus">
[form] <select form="form id">
해당 드롭다운 리스트가 포함될 하나 이상의 <form> 요소를 명시합니다.
이 속성값은 같은 문서 내에 위치하는 <form> 요소의 id 값이어야만 합니다.
[required] <select required>
폼 데이터(form data)가 서버로 제출되기 전 사용자가 반드시 드롭다운 리스트의 값을 선택해야 함을 명시합니다.
required 속성은 불리언(boolean) 속성입니다.
불리언 속성은 해당 속성을 명시하지 않으면 속성값이 자동으로 false 값을 가지게 되며, 명시하면 자동으로 true 값을 가지게 됩니다.
XHTML에서는 속성값을 생략할 수 없으므로, 속성명과 속성값을 모두 명시해야만 합니다.
<select required="required">