datalist와 select

발단

why?

datalist는 선택을 할떄 왜 value가 다 안나오지??

datalist라는 태그는 자동완성 개념이다.

'포'를 입력하면 '포'가 시작되는 value만 보여진다.

 

 value로 선택하고자 할때는 select를 쓰자

 

//아래는 코드

 <form>
        <label for="prod2">포장여부</label>
        <!-- 자동완성할떄 -->
        <input type="text" id="prod2" list="pick" size="10">
        <datalist id = "pick">
            <option value="package" selected>선물 포장</option>
            <option value="no_package">포장 안함</option>
            <option value="포장안함">포장안함2</option>
        </datalist>

        <!-- value에서 선택할떄 -->
        <select id = "prod2">
            <option value="package">선물 포장</option>
            <option value="no_package">포장 안함</option>
            <option value="포장안함">포장안함2</option>
        </select>
    </form>