콤보 박스도 datalist 처럼
뒤에 </option>이 생략될수잇나요
그리고 예제 3-7에서왜 INPUT다음에 BR이 붙느네
DATALIST 다음에 <BR>이 붙지않고 왜 INPUT타음에 붙나요
QnA
공부하면서 궁금했던 것을 질문해보세요.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
|---|---|---|---|---|
| 공지 |
읽어주세요! 연습문제 및 실습문제 정답 공개에 관한 공지입니다.
|
관리자 | 2017.06.20 | 18275 |
| 263 | 9장 연습문제8번 1 | 한정수 | 2018.12.13 | 336 |
| 262 |
실습문제 4장의 8번
2
|
ㅁㄴㅇㄹ | 2018.12.14 | 334 |
| 261 | 구버전 책을 구입해버렸어요.. 3 | 구닥 | 2018.05.07 | 333 |
| 260 | 실습문제 5장 3번 254p 1 | RVQ | 2018.05.10 | 332 |
| 259 | 안녕하세요 처음하는 사람입니다 교재 구입하였습니다 2 | 성현군 | 2017.06.29 | 330 |
| 258 | 명품 html5+css3책과 HTML의 차이가 궁금합니다 저자님 2 | 보안 | 2019.05.03 | 328 |
| 257 | 실습문제 9-8번 질문 있습니다. 2 | muuum | 2018.10.24 | 326 |
| 256 |
page 46 마우스 올릴시 이미지 출력
2
|
공부중 | 2020.09.10 | 323 |
| 255 | 7장 10번 | 트레비 | 2018.12.18 | 321 |
| 254 | 7장 2번 | 무지 | 2018.12.18 | 319 |
| 253 | 8장 실습문제 2번에 (3)번 2 | 알려주셔요 | 2019.10.17 | 317 |
| 252 | 6장 예제 6-23 1 | 은성 | 2017.04.04 | 317 |
| 251 | 5장 10번 실습문제 1 | 익명 | 2018.09.29 | 313 |
| 250 | 7장 1번 | 1 | 2020.11.30 | 312 |
| 249 | 실습문제답도 제공이 안되는 건가요? 2 | 아침이 | 2019.01.07 | 311 |
| 248 | 자바스크립트에 대해 1 | 이윤재 | 2017.01.26 | 310 |
| 247 |
9장 실습문제 9번 문의사항
1
|
이태복 | 2018.04.03 | 309 |
| 246 | chapter5 오픈챌린지 5장 아예 모르겠어요.. | 열심히해보자 | 2020.11.03 | 308 |
| 245 | 질문드립니다. 1 | ㅇㅇ | 2020.06.03 | 306 |
| » | 예제 3-11 1 | 새싹 | 2018.04.23 | 301 |
예. </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> 뒤에 두는 것이 명료합니다.