HTML 수업

HTML5 입력 값 체크

 

예제

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <form action="register.php">
            <input type="text" name="id" placeholder="아이디를 입력" required pattern="[a-zA-Z].+[0-9]">
            <input type="email" name="email" placeholder="이메일 입력">
            <input type="submit">
        </form>
    </body>
</html>

 

참고

정규표현식 수업

댓글

댓글 본문
작성자
비밀번호
  1. 34t3rNULL
    2017-01-02 Complete
  2. 레미렘
    안녕하세요 이고잉님. 강의 너무 잘보고 있습니다!!
    웹 애플리케이션 만들기, 오리엔테이션까지 완강하고 HTML 쭉 봤습니다.
    정해주신건 아니지만 추천(?)해주신 순서대로 강의를 보고있는데 확실히 웹애플리케이션만들기를 보고와서 그런지 이해가 더 잘가고 서버쪽 말씀할때도 더 잘 들어오네요! 좋은강의 너무 감사합니다.
  3. 삐댕이
    required patternn은 익스호환이 가능한가요?? 친구 소개로 생활코딩 들었는데 넘넘 조음
    지금 학원에서 강의듣는데 저 강사에게 강습료가 나간다는게 의아함 ㅜㅜ
  4. 해커가꿈인사람
    완강했다!!
    이고잉님 좋은 강의 감사합니다. css수업도 완강 하겠습니다!!1
  5. 해커가꿈인사람
    2016.12.20 강의수강완료
  6. 임지호
    16.12.17 HTML강의 완주
    내일부터 CSS강의!
    이고잉님 항상 좋은 강의 감사합니다
  7. 임지호
    입력값체크(유효성 검사) : 사용자가 입력한 값이 올바른지(?) 검사하는 기능
    - 필수적으로 입력해야 하는 부분 : 속성 required 추가
    - 패턴에 맞게 입력해야 하는 부분 : 속성 pattern=에 정규 표현식 추가
    *정규표현식 : HTML과는 다른 프로그래밍 언어([a-zA-z] : 알파벳 하나, . : 아무거나, + : 하나 이상, [0-9] : 숫자하나

    -> 유효성 검사는 사용자가 입력하기 쉽게 하기 위한 장치로 인식해야지, 검사를 통과한 값들을 무조건적으로
    신뢰해서는 안됨.
  8. 감사합니다
    고맙습니다. 개발하면서 제가 모르는 부분이 있을까 싶어 다시보게 되었는데,

    이해가 매우 잘됩니다.

    CSS까지 다 보겠습니다.
  9. 개발하면서 잊어먹었던 것들 다시 되짚어보는 시간이였습니다.
    늘 감사합니다 ^.^!
  10. 레보로베
    드디어 html을 정주행 했습니다. 좋은 퀄리티의 강의를 선도해주셔서 감사합니다 egoing님. 이제 css로 넘어갈게요 :)
  11. form까지 반 나눠서 이틀에 걸쳐 정주행 완료했어요
    다시 한번 짚어보고 싶을때 들어도 좋은 강의예요.
    차분히 잘 설명해주셔서 쏙쏙들어와요ㅎㅎ
  12. 권용식
    강의 감사합니다 ^^
  13. 에그머니
    강의를 다 끝내며.. 몰랐던 부분에 대해서 짚고 넘어갈 수 있어서 좋았어요! 감사합니다 :D
  14. 드디어 html강의는 다 끝났네요!! 좋은 강의 감사합니다
  15. 연제원
    감사합니다.
  16. 심외무별법
    감사합니다 . 잘보고 있습니다.
  17. mrgoodway
    완강 했습니다. 감사합니다~^^
  18. 지후니
    요즘 학교에서 html5와 db를 이용해서 프로젝트를 하는데
    html을 잘 몰라 블로그를 찾았지만 자세히 모르겠어서
    생활코딩 동영상을 보고 공부하는데

    하루만에 다 봤네요 이해도 잘되고
    정말 감사합니다 ㅎㅎㅎ
  19. 마엘
    정말 잘들었습니다!
  20. 미미미미
    수업 너무 잘 들었습니다^^원래 1시간도 앉아있기 힘들어하는 저인데, 너무 쉽게 재밌게 가르쳐주셔서 5시간동안 쉬지도 않고 들었네요ㅎㅎ정말 너무 감사합니다!!
  21. 한도르마르
    html
    09-10 완강
  22. 감성팔이
    감사합니다!
  23. Wj Kim
    훌륭한 강의 잘 들었습니다. 감사합니다.
  24. 다은아빠
    좋은 강의 잘 들었습니다.
  25. 김종엽
    2016.08.24 완료!
  26. vnswo1@gmail.com
    감사합니다 egoing님 ㅎㅎ
    훌륭한 개발자가 되서 나중에 한 번 뵙겠습니다!
    앞으로도 저에게 필요한 강의들 열심히 수강하면서
    꿈을 키워나가겠습니다!
    대화보기
    • egoing
      학습을 위해서 모방을 하는 것은 정말 좋은 방법입니다.
      기술이 흔들리는데 기획까지 흔들리면 프로젝트의 복잡도가 너무 높아지거든요.
      기획을 고정시키고 기술이 확실해질 때까지 반복해서 수련해보는 것은 좋은 방법이라고 생각해요.
      대화보기
      • 훌륭한 프로그래머가 되겠다는 꿈을 꾸며

        열심히 egoing님이 해주시는 강의를 듣고 있습니다.

        생활코딩 완강 후에, 제가 직접 필요한 웹을 만들어보기도 하고

        여러 페이지를 돌아다니면서 코드를 보며 똑같이 만들어보는 공부를

        하려고 하는데 어떻게 생각하시는지 egoing님의 의견을 듣고 싶어요!
      • Daehyeop Ko
        완강!! 수고하셨습니다
      • yoonalee
        HTML 완강했어요! 좋은 강의 감사합니다!!!
      • wonhee lee
        끝까지 잘 보았습니다. 수고하셨습니다
      • HTML을 완주했습니다! 좋은 강의 덕분에 금방 배울 수 있었습니다!!
        남은 css, 자바스크립트 강의도 열공! 하도록 하겠습니다ㅎㅎ
        정말 감사드립니다~!
      • Joon Lee
        HTML 완료!!
      • 내일도
        이번토픽도 잘봤습니다 감사합니다
      • cicada
        감사합니다
      • Ian Si Mong Seong
        HTML 전반적으로 이해가 끝났습니다
        감사합니다
      • Ian Si Mong Seong
        수강완료
        2016.08.01
      • 서아
        감사합니다. 강의 잘 들었습니다. 도움이 많이 되었습니다 :)
        다음 강의도 들으러갑니다~
      • 우루부루구루
        감사합니다. HTML에 대해서 개념을 쉽게 가르쳐 주셔서.
      • 감사합니다, 감사합니다, 감사합니다!
        HTML 수업을 끝까지 완주했네요! ㅎㅎ 이제 CSS로 날아갑니다~~~~~
        항상 감사드립니다.
      • 감사합니다 엄청 재밌고 쉽게 공부했어요! 어렵지 않게 설명해주시니까 재밌어서 진도도 쉽게 쉽게 나가네요!!
        진짜 아무것도 몰랐는데 금방 이해할 수 있다니...ㅠㅠ
        이제 css강의 들으러 갑니다!ㅋㅋ 정말 감사드려요!
      • 이승민
        정말 가르치는데 탁월하십니다. 적어도 저에겐 참스승 이십니다. 중간중간 무리가 될만한 부분은 이해못해도 괜찮다고 확실히 짚어주시면서 정말 알아야할것부터 부담이 안되게 가르치는 방식이 딱 저에게 필요했던 강의방식입니다. 무슨강의가 됬던 답답해서 인상 찡그리지 않고 배운적이 없던것 같은데... 많은 선생님들이 개구리 올챙이 적 기억못하듯이 가르치시던데, 마치 올챙이 적을 다 기억하시는 것 같습니다 ㅎㅎ 초보자에게 편안하고 좋은강의였습니다. 진심으로 감사드립니다.
      • 별다루
        html 강의 수강 다했어요 짝짝! 이제 css 수업 들으려고 합니다.
        정말정말 감사드려요 :) 웬만한 학원 강의보다 훨씬 유익했습니다!
        쉽게 정말 잘 가르쳐주셨어요 ㅠㅠㅠ
      • Rhys Jung
        감사합니다. 이제 두번째 토픽을 마쳤습니다.
        다시한번 감사인사 드립니다. 행복하세요
      • egoing
        화이팅입니다~
        대화보기
        • 초보코딩스
          html 강좌 정주행 완료하였습니다.
          정말 아무것도 몰랐었는데 이렇게 좋은강좌 만들어주셔서 감사합니다!
          CSS 강좌도 들으러 가보겠습니다
          화이팅!!
        • 이승민
          완강! 1.25~1.5배 속도로 가볍게 완주만 했습니다. 웹 실습에서 뼈대가 잡혀있어서 그렇게 어렵지 않게 들었네요. 실제로 웹페이지를 만들게 됬을 때 이 강의를 다시 참조하려 합니다. 좋은 강의 감사드립니다 ㅎ 다음강의로~
        • 웅쓰
          꺄홀~!!! 완주완료!!!!
          보람차네요!!!!
          egoing화이팅!!
          opentutorials 화이팅!!!!
        • 지류진
          감사합니다
        • flyoverthehimalaya
          감사합니다!
          html 전반에 대해 알게 되었습니다
        버전 관리
        egoing
        현재 버전
        선택 버전
        graphittie 자세히 보기