[attribute] HTML - list 속성 - 인풋에 입력 가능한 데이터리스트 지정 (= list속성 = 리스트속성) ※ 입력가능값 샘플

1. list 예제 - <input> 요소에 입력 가능한 데이터리스트 지정
2. list 정의
3. list 구문

list 예제 - <input> 요소에 입력 가능한 데이터리스트 지정

 

<form action="/action_page.php" method="get">

  <label for="lang">리스트에서 코딩언어 선택:</label>

  <input list="langs" name="lang" id="lang">

  <datalist id="langs">

    <option value="HTML">

    <option value="CSS">

    <option value="JS">

    <option value="PHP">

    <option value="SQL">

  </datalist>

  <input type="submit" value="확인">

</form>

 

결과보기

list 정의

 

<input> 요소에 입력 가능한 <datalist>지정.

 

---

 

1. list 속성 사용 가능 태그 종류

<input>

 

2.

사용자가 <datalist> 태그에 없는 값을 입력해 제출 시, 제출된 값은 <datalist> 하단에 자동으로 추가됨.

 

3.

주요 최신 브라우저 모두 지원.

 

list 구문

 

<input list="datalist_id">

 

---

[속성값]

 

datalist_id

<datalist> 태그의 id 속성 값과 일치해야 함.