메뉴 건너뛰기

2018.04.23 15:14

예제 3-11

조회 수 301 댓글 1

콤보 박스도  datalist 처럼

뒤에 </option>이 생략될수잇나요

 

그리고 예제 3-7에서왜  INPUT다음에 BR이 붙느네

DATALIST 다음에 <BR>이 붙지않고 왜 INPUT타음에 붙나요

?
  • ?
    관리자 2018.04.23 19:59

    예. </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> 뒤에 두는 것이 명료합니다.


QnA

공부하면서 궁금했던 것을 질문해보세요.

List of Articles
번호 제목 글쓴이 날짜 조회 수
공지 읽어주세요! 연습문제 및 실습문제 정답 공개에 관한 공지입니다. file 관리자 2017.06.21 18177
322 385p 8장 실습문제 07번 질문입니다. 1 12345 2019.08.16 615
321 코드 잘못된 부분을 봐주시면 정말 감사하겠습니다 1 file 입문한 사람 2020.04.01 604
320 7장 실습문제 1번 질문 있습니다. 7 jonjsin 2017.11.09 602
319 timerID값이 null인 이유 1 열공이 2022.05.26 599
318 저자님 367페이지 질문있습니다~~ 1 file 칼잡이최제잘 2018.02.19 591
317 6장 7번 좀 알려주세요 ㅜㅜ 1 어려워여 2020.06.15 583
316 9장 onblur onfocus 활용 실습문제 2번 웹린이 2018.05.21 567
315 5장 실습문제 9번 1 file 123 2018.10.03 563
314 4장 6번문제 물어볼려고합니다 1 배재한 2019.04.16 557
313 9장 4번 질문있습니다. 웹프로그래밍 2017.05.28 551
312 교과서 13장 연습문제 1 알고싶어요 2021.05.29 550
311 바닐라js 란 것에 대해 질문이 있습니다. 2 muuum 2018.11.01 543
310 이미지를 HTML 파일과 같은 폴더에 저장하였는데 왜 이미지가 보이지 않을까요? 1 황기태 2017.03.27 541
309 1장 test1, 2, 3 파일 2 열공중 2020.03.07 538
308 간단한 질문 드립니다. 1 뚜룹 2018.06.08 535
307 이 책을 다 본 뒤 어떤 공부를 더 하는게 좋을까요? 1 file muuum 2018.10.31 526
306 8장 실습문제 8번 질문드립니다. 3 메론 2018.11.12 525
305 명품 HTML5+ 수정판 2장 4번 문제 문의 1 file mikael 2021.04.14 518
304 HTML5+CSS3+Javascript 웹 프로그래밍[수정판] 4 file Jenny 2021.09.25 514
303 오픈 챌린지 6장 1 ㄱㄷㄱㄷ 2018.04.22 513
목록
Board Pagination Prev 1 ... 2 3 4 5 6 7 8 9 10 ... 21 Next
/ 21
위로