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

datalist

728x90
<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' 카테고리의 다른 글

css로 줄바꿈  (0) 2022.08.03
FORM에서 POST로 SUBMIT 시에 값이 짤리는 경우  (0) 2021.03.02
datepicker 달력 레이어 위치 변경하기  (0) 2020.03.19
부트스트랩 상단 고정  (0) 2020.03.17