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. Gihoon Pomme Ryu
    완료. 고맙습니다.
  2. clear!
  3. 김민영
    완료
  4. yuchacha
    FUN!
  5. clear
  6. 웹고수
    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
        감사합니다ㅎ
      • 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 자세히 보기