메뉴 건너뛰기

2019.01.22 14: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 23: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 23:28
    감사합니다.

QnA

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

List of Articles
번호 제목 글쓴이 날짜 조회 수
공지 읽어주세요! 연습문제 및 실습문제 정답 공개에 관한 공지입니다. file 관리자 2017.06.21 18175
262 6장 실습 8번 1 어려워 2018.12.18 828
261 7장 오픈챌린지 1 질문이요 2018.12.18 342
260 7장 10번 트레비 2018.12.18 321
259 7장 2번 무지 2018.12.18 319
258 자바스크립트의 컴파일오류 2 1234 2018.12.22 1806
257 실습문제답도 제공이 안되는 건가요? 2 아침이 2019.01.07 311
256 몽구스 질문있습니다 ㅜㅜ 3 몽구스초보입니다 2019.01.10 1003
» 예제 13-02 2 성북동 뽀글이 2019.01.22 146
254 살다 살다 답을 반쪽만 주는 책은 처음입니다 1 음음 2019.01.24 8842
253 마우스오버기능 이용해서 플레이되는 오디오 제작중인데요 1 file 성북동뽀글이 2019.01.25 290
252 5장 연습문제 질문 1 5장 연습문제 질문 2019.04.05 1484
251 이거 오타인가요? 1 HTML5 2019.04.11 212
250 5단원 실습 6-2번 질문합니다 2 공부해염 2019.04.13 222
249 4장 6번문제 물어볼려고합니다 1 배재한 2019.04.16 556
248 궁금한게 있어요 마맘마 2019.04.19 181
247 명품 html5+css3책과 HTML의 차이가 궁금합니다 저자님 2 보안 2019.05.03 326
246 10장 이론문제 10번 질문입니다. 3 하늘하 2019.05.15 849
245 실습문제 7장 2번의 입력된 반대순으로 출력이 넘 힘듭니다 도움좀 주세요 제발 ㅠㅠ 도널드임 2019.05.27 1105
244 <li> 1 랄라 2019.05.29 69
243 1장 1 ㅇㄹㅇㄹ 2019.06.07 231
목록
Board Pagination Prev 1 ... 3 4 5 6 7 8 9 10 11 12 ... 21 Next
/ 21
위로