HTML - detailist 태그

yeong ·2022년 11월 10일

datalist 태그 : input 태그에 입력 가능한 값을 목록으로 제공하기 위한 태그 하위태그 : option
input에 list속성에다가 datalist태그의 식별자를 속성값으로 제공

	<form action="#" method="post">
		<label for="subject">좋아하는 과목 : </label>
		<!-- list 속성 : datalist 태그의 식별자를 속성값으로 설정 -->
		<!-- => input 태그에 datalist 태그의 목록을 입력값으로 제공 -->
		<input type="text" name="subject" id="subject" list="subjectList">
		
		<datalist id="subjectList">
			<option>JAVA</option>
			<option>JSP</option>
			<option>SPRING</option>
		</datalist>
		
		<button type="submit">입력완료</button>
	</form>

0개의 댓글