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. 김세종
    2019-07-11 수강완료
  2. 제2지대
    완료
  3. 김주엽
    공부완료
  4. 코코코
    봣어영
  5. 모선
    19.04.09 감사합니다
  6. 콩이
    20190225 완료 감사합니다~
  7. 김소현
    완료~
  8. 20190124 완료
  9. 릴라야
    190119_완료
  10. yonchan
    190119완료
  11. 한승민
    20190116 완료
  12. 미완성
    20190107완료
  13. Gihoon Pomme Ryu
    완료. 고맙습니다.
  14. clear!
  15. 김민영
    완료
  16. yuchacha
    FUN!
  17. clear
  18. 웹고수
    form형식에 여는 태그 중, <form action="...">의 형식이 지켜지지 않고 있네요! 다시 한번 코드를 잘 봐보세요~
    대화보기
    • ㅅㅈㅎ
      감사합니다!!
    • 토리
      아..ㅋㅋㅋㅋㅋㅋㅋ큐ㅠ 해결했어요~!
      대화보기
      • 토리
        매일 꾸준히 강의 잘 듣고있어요 !


        atom으로 하나 하나 따라하고있는데

        <!DOCTYPE html>
        <html lang="ko">
        <head>
        <meta charset="utf-8"></head>
        <body>
        <form action="http://localhost/form.php"
        <input type="text">
        <input type="submit" value="전송">
        <input type="button" value="버튼">
        <input type="reset">
        </form>
        </body>
        </html>

        이렇게 입력해서 웹브라우저 열어보면
        첫번째로 들어가는 input type이 인식이 안되고 다음 input type만 읽어요 ㅠㅠ
        <input type="text">를 무시하고 <input type="submit"> 부터 인식되고
        <input type="text">를 지우면 <input type="submit">이 인식이 안되고 바로
        <input type="buttom">이 인식됩니당..

        모가 잘못된거죠?ㅠㅠ
      • SlowStarter
        감사합니다!
      • 스페이스몽키
        항상 공부방법도 신경써주셔서 감사합니다!
      • Hyeon Ju An
        감사합니다ㅎ
      • JN87
        171231 감사합니다!
      • 푸른하늘
        6
      • 바람과 나무
        감사합니다
      • 오빠는다르다
        감사합니다~!
      • gridshim
        170830 훓어보며 스륵스륵 지나가고 있습니다.
      • Ji-Hoon Lee
        170811 완료입니다
      • 14번째
        4.30.
      • php가 첫취업?
        기초적이지만...알아놔야할것.
      • 임지호
        버튼을 나타내는 폼태그
        <input type="submit"> 폼태그에 있는 내용들 서버로 전송
        ="button" 기본 버튼을 만듬.(자바스크립트와 함께할 때 효용이 생김
        ="reset" 폼태그에 기록한 내용 초기화
      • D.JA
        DONE!
      • 데브시
        좋은 강의 항상 잘 듣고있어요
      • 심외무별법
        감사합니다.
      • 김종엽
        2016.08.15 완료!
      • Ian Si Mong Seong
        수강완료
        2016.08.01
      • 김윤아
        수강완료
      • JustStudy
        2016.07.20 수
        고맙습니다 1.
      • 달고뉴
        저는 reset 버튼 만드니까 초기화 버튼이 만들어졌어요.
      • 좋은 강의 잘 들었습니다.
        감사합니다.
      • 이웃집도토해
        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
            도장 쾅!
          • Louis
            input type에서 submit 아이콘 크기를 변경하고 싶어서 height를 넣어봤는데 아무런 변화가 없네요.

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