HTML 수업

버튼

예제

<html>
<head><meta charset="utf-8"></head>
<body>
    <form action="http://localhost/form.php">
        <input type="text">
        <input type="submit" value="전송">
        <input type="button" value="버튼" onclick="alert('hello world')">
        <input type="reset">
    </form>
</body>
</html>

등장시기

html2

댓글

댓글 본문
작성자
비밀번호
  1. DONE!
  2. 데브시
    좋은 강의 항상 잘 듣고있어요
  3. 심외무별법
    감사합니다.
  4. 김종엽
    2016.08.15 완료!
  5. Ian Si Mong Seong
    수강완료
    2016.08.01
  6. 김윤아
    수강완료
  7. JustStudy
    2016.07.20 수
    고맙습니다 1.
  8. 달고뉴
    저는 reset 버튼 만드니까 초기화 버튼이 만들어졌어요.
  9. 좋은 강의 잘 들었습니다.
    감사합니다.
  10. 이웃집도토해
    html의 onclick 속성 자체는 클릭 시 이벤트(효과)를 발생 시키는 것일 뿐입니다.
    예제에는 onclick의 값으로 자바스크립트로 팝업 윈도우창를 표시했기 때문에 그러시는 것 같은데
    이고잉 선생님의 말씀처럼 자바스크립트를 쓰셔야 합니다.

    팝업창이 발생하는 상황에 따라 다음과 같이 구분할 수 있을 것 같습니다.
    1. 제출했음을 알리는 알림 목적
    2. 제출할 것인지 다시 물어보는 확인 목적

    1번의 경우는 예제처럼 그냥 onclick 붙이시면 됩니다. (직접 해보시지ㅎㅎ )
    <input type="submit" value="제출버튼" onclick="alert('hello world')">

    2번의 경우는 아래의 방식으로 가능합니다.
    http://stackoverflow.com......que
    대화보기
    • 이웃집도토해
      여러 방법이 있겠지만 기본적으로 CSS 사용하셔야 해요 ~~
      value 속성에 선택자명을 값으로 넣어주시고 style로 CSS 호출하세요 ~~
      http://stackoverflow.com......orm
      대화보기
      • SK Kim
        도장 쾅!
      • input type에서 submit 아이콘 크기를 변경하고 싶어서 height를 넣어봤는데 아무런 변화가 없네요.

        submit이나, button 아이콘은 크기 변화를 할 수가 없는건가요??
      • 김진렬
        감사합니다.
      • dyyeom
        submit에다가 onclick속성이 되나요?
      • 한송희
        힘들다가도 수업들으면 힘나요!! 짱짱
      • 고고
        싫습니다 꼼꼼히 볼껍니다!
      버전 관리
      egoing
      현재 버전
      선택 버전
      graphittie 자세히 보기