input 태그의 list 속성

HTML+CSS 공부를 하다가 유용한 기능이라 포스팅한다.
input의 list속성의 속성값과 datalist의 id 값을 같게해줘서 연결시켜준다.

<form action="" method="get">
    학과 : <input type="text" list="show"><br>
    이름 : <input type="text" ><br>
    <datalist id="show">
        <option value="컴퓨터공학과"></option>
        <option value="영어영문과"></option>
        <option value="경영학과"></option>
        <option value="사회체육과"></option>
    </datalist>
    <input type="submit">
</form>

학과 :
이름 :

학과의 빈칸을 클릭하면 datalist가 나온다.
벨로그에선 안 보이는 거 같다. (코드 수정창에선 보임.)