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 |