datalist

HTML, CSS 2020. 4. 24. 14:17

<form>
	이메일 : <input type="text" name="st_department" list="depList"><br>
	<datalist id="depList">
		<option value="naver.com">네이버</option>
		<option value="daum.net">다음</option>
		<option value="nate.com">네이트</option>
		<option value="gmail.com">지메일</option>
	</datalist>
	<button type="submit">submit</button>
</form>

html5에서 추가된 태그입니다. datalist라고 하는 건데 이메일 선택하는 데에서 유용하게 쓸 수 있겠네요.

실제 적용할 부분에서 list 속성의 값과 datalist의 id와 맞추면 됩니다.

'HTML, CSS' 카테고리의 다른 글

datalist  (0) 2020.04.24
datepicker 달력 레이어 위치 변경하기  (0) 2020.03.19
부트스트랩 상단 고정  (0) 2020.03.17

댓글 0