[HTML] Datalist 와 select의 다른점

datalist 

• datalist에 id를 주고, <input list=""> 안에 id값을 준다. 
• value값이 나타난다.
• <option></option> 안에 내용을 작성하면, value값 밑에 뜬다. 
• text로 입력할 수도 있다. 
• multiple 속성이 안된다. 

datalist:
<input list="fruits">
<datalist id="fruits">
<option value="banana"></option>
<option value="apple"></option>
<option value="grape"></option>
<option value="mango"></option>
</datalist>

datalist:

select

• <option></option>중간에 내용을 입력해야 나타난다. 

입력하지 않았을경우 이렇게 나타난다.

select:

select: 
<select>
<option value="banana">banana</option>
<option value="apple">apple</option>
<option value="grape">grape</option>
<option value="mango">mango</option>
</select>

select: banana apple grape mango

 

multiple 속성 추가 

select: 
<select multiple="multiple">
<option value="banana">banana</option>
<option value="apple">apple</option>
<option value="grape">grape</option>
<option value="mango">mango</option>
</select>

select: banana apple grape mango