메뉴 건너뛰기

2019.01.22 13:55

예제 13-02

조회 수 146 댓글 2

문제를 보고 이것을 응용해 보고 싶어졌습니다.

책에 나온것은

<button id="play" onclick="control(event)">play</button>

이 버튼을 이미지로 대체하고 싶어졌습니다.

<button id="play" onclick="control(event)"><img src="C:\Users\Jang\Desktop\Web\플레이버튼.jpg"></button>

이렇게 했을 때 아무리 이미지를 눌러도 플레이가 되지 않습니다.

<button id="play" onclick="control(event)"><img src="C:\Users\Jang\Desktop\Web\플레이버튼.jpg">1</button>

버튼명을 1이라고 입력하자 숫자1을 입력하니 플레이가 되었습니다.

혹시 버튼을 다른 이미지로 대체하는 법이나

관련된것을 배우려면 무엇을 배워야 하는지 답변해 주실 수 있을까요?

물어볼곳도 없고 많이 답답하네요.

 

?
  • ?
    관리자 2019.01.22 22:16

    사실 <button> 보다 <input> 태그를 이용하는 것이 보다 정확한 폼 요소를 만드는 것입니다. 

    <button id="play" onclick="control(event)"><img src="C:\Users\Jang\Desktop\Web\플레이버튼.jpg"></button>

     

    를 다음과 같이 고쳐 보세요. input 태그에 type으로 image로 주는 것입니다.


    <input type="image" id="play" onclick="control(event)" src="C:\Users\Jang\Desktop\Web\플레이버튼.jpg">

    책의 132 페이지에 텍스트/이미지 버튼 만들기에 설명이 있습니다.

     

  • ?
    성북동뽀글이 2019.01.22 22:28
    감사합니다.

QnA

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

List of Articles
번호 제목 글쓴이 날짜 조회 수
공지 읽어주세요! 연습문제 및 실습문제 정답 공개에 관한 공지입니다. file 관리자 2017.06.20 18275
403 자바스크립트에 대해 1 이윤재 2017.01.26 310
402 페이지에 첨부하고 싶은 이미지의 위치에대해 궁금합니다 1 정택희 2017.02.13 277
401 웹 프로그래밍 책 답안지 1 mumu 2017.03.06 14075
400 이미지를 HTML 파일과 같은 폴더에 저장하였는데 왜 이미지가 보이지 않을까요? 1 황기태 2017.03.27 547
399 open challenge 코드 11 hardworking 2017.03.27 1106
398 인코딩, 앵커 1 간구 2017.03.27 160
397 연습문제 답안지 2 vdncnck 2017.03.28 3264
396 open challenge 05 2 hardworking 2017.03.29 2224
395 3장의 실습문제 1 file minju0508 2017.04.02 1334
394 실습문제 7장 2번 질문있습니다 1 jobjob 2017.04.04 1458
393 6장 예제 6-23 1 은성 2017.04.04 317
392 8장 연습문제 8번 5 은성 2017.04.05 1361
391 8장 실습문제 7번 5 은성 2017.04.05 695
390 9장 실습문제 4번 3 은성 2017.04.06 1172
389 10장 오픈챌린지 5 은성 2017.04.07 2247
388 placeholder속성 1 khl 2017.04.08 85719
387 7장 오픈첼린지 1 Bolt 2017.04.11 1071
386 책을 마치며 7 은성 2017.04.13 492
385 ㅠㅠ..질문좀 드리겠습니다.. 1 은성 2017.04.18 3835
384 Open Challenge 와 실습문제 자료 2 김원상 2017.04.29 7446
목록
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 21 Next
/ 21
위로