<input> 태그의 list 속성
HTML <input> 태그 ⇒
정의 및 특징
<input> 태그의 list 속성은 <input> 요소에서 사용하기 위해 미리 정의해 놓은 옵션들을 포함하고 있는 <datalist> 요소를 명시합니다.
문법
|
<input list="datalist id"> |
속성값
| 속성값 | 설명 | |
|---|---|---|
|
datalist id |
<input> 요소와 연결되는 <datalist> 요소의 id 속성값 |
예제
<form action="/examples/media/action_target.php" method="get">
학과 : <input type="text" name="st_department" list="depList"><br>
이름 : <input type="text" name="st_name"><br>
<datalist id="depList">
<option value="컴퓨터공학과"></option>
<option value="영어영문과"></option>
<option value="경영학과"></option>
<option value="사회체육과"></option>
</datalist>
<input type="submit">
</form>
지원하는 브라우저 및 버전
| 속성명 |
|
|
|
|
|
|
|---|---|---|---|---|---|---|
| list | 20.0 | 지원함 | 10.0 | 4.0 | 지원하지 않음 | 9.6 |
HTML5에서 변경된 사항
list 속성은 HTML5에서 <input> 태그에 새롭게 추가된 속성입니다.
