예. </option>은 생략될 수 있습니다.
<datalist>는 그 자체가 출력되는 컴포넌트는 아닙니다. 옵션 리스트를 담는 컨테이너이지요.
<datalist>는 현재 그 자리에 꼭 있을 필요는 없습니다. 웹 페이지의 다른 곳에 있어도 list="countries"로 연결하여 사용합니다.
예제 3-7을 다음과 같이 수정해도 마찬가지입니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>데이터 목록을 가진 텍스트 입력</title></head>
<body>
<h3>가보고 싶은 곳</h3>
<hr>
<form>
나라 : <input type="text" name="country" list="countries"><br>
예. </option>은 생략될 수 있습니다.
<datalist>는 그 자체가 출력되는 컴포넌트는 아닙니다. 옵션 리스트를 담는 컨테이너이지요.
<datalist>는 현재 그 자리에 꼭 있을 필요는 없습니다. 웹 페이지의 다른 곳에 있어도 list="countries"로 연결하여 사용합니다.
예제 3-7을 다음과 같이 수정해도 마찬가지입니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>데이터 목록을 가진 텍스트 입력</title></head>
<body>
<h3>가보고 싶은 곳</h3>
<hr>
<form>
나라 : <input type="text" name="country" list="countries"><br>
보고싶은것 : <input type="text" list="what"><br>
<datalist id="what">
<option value="산">
<option value="바다">
<option value="도시">
</datalist>
<datalist id="countries">
<option value="가나">
<option value="스위스">
<option value="브라질">
</datalist>
</form>
</body>
</html>
그러므로 <br>은 <input> 뒤에 두는 것이 명료합니다.