메뉴 건너뛰기

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 <li> 1 랄라 2019.05.29 69
402 <script>태그의 위치 1 열심히 공부하는 독자 2020.08.15 58
401 07장 10번 답좀 알고싶습니다... 2 abcd 2017.06.11 1088
400 10장 window.open 질문입니다. 1 멍청이 2019.08.23 379
399 10장 실습문제 6번 전역변수 설정에 관한 질문 1 제발요 2019.12.04 632
398 10장 실습문제5번 질문입니다, 1 asdfdef 2019.08.30 1158
397 10장 연습문제 10번 질문입니다. 2 웹린 2022.11.03 159
396 10장 예제 10-8에 오류가 있습니다. 1 file 삼오칠 2021.05.22 289
395 10장 오픈챌린지 5 은성 2017.04.07 2247
394 10장 오픈챌린지 testr 2017.11.19 888
393 10장 오픈챌린지 질문입니다. 1 질문있어요 2019.11.10 485
392 10장 이론문제 10번 질문입니다. 3 하늘하 2019.05.15 849
391 11장 6번 1 mj 2018.11.29 67539
390 11장 6번 으엉 2019.11.27 187587
389 11장 실습문제 4번 1 웹프 2020.06.17 456
388 11장 실습문제 6번 arc()문제 제발요 2019.12.06 1093
387 11장 실습문제 6번 질문입니다. 1 file 메론 2018.11.29 884
386 11장 실습문제 7번 응용 ㅇㅇ 2020.06.16 154
385 12장 연습문제 4번 HTML 요청 1 file 윤세아 2020.06.10 641
384 13-5 하고 13-6 error 1 WebWeb 2020.12.09 148
목록
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 21 Next
/ 21
위로