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. 김영준
    완강했습니다.
    다른 수업도 계속 열공 할께요.
    egoing님, 감사합니다~
  2. protester
    완~주! HTML이 이제 당당한 프로그래밍 언어가 되었네요~! 멋진 강의 갑사합니다.^^
  3. 끄읕!!
  4. 준일
    7일만에 HTML을 완료 했읍니다.
    자바 책을 구입했읍니다, 자바도 같이 듣겠읍니다.
  5. 오들오들오드리
    강의 완주했습니다~
    감사합니다
  6. 손정은
    HTML 강의 완주했습니다! 이제 CSS로 넘어가야겠어요 ㅎㅎ 감사합니다 !
  7. 완주했습니다!감사해요
  8. 세븐나이츠
    좋은강의감사해요~
  9. HTML 감사히 들었습니다.^ ^
  10. 어린왕자(SungMin)
    코딩야학을 끝내고 HTML부터 듣기 시작했는데 오늘 HTML 강의를 다 들었습니다. 좋은 강의 감사합니다. 다음은 CSS 강의를 들을까 합니다.
  11. Je-Hyeong Kim
    좋은 수업. 도움이 많이 되었습니다.
    감사합니다. :D
  12. 강지후
    20170626 7:21 이렇게 좋은 수업을 만들어 주셔서 감사하다는 말씀을 드리며, CSS로 넘어가도록 하겠습니다. 감사합니다!
  13. 코딩야학 학생
    감사합니다. 좋은 수업이었습니다.
  14. 광선검
    감사합니다 ^^
  15. 14번째
    5.14. HTML 완료! 이제 CSS로 넘어갑니다~
  16. 강의 감사합니다. ^^
  17. Seunghyun Shin
    완강했습니다 !! ㄳㄳㄳㄳㄳㄳ
  18. 라이언
    html은 말씀하신대로 정말 간단하네요.
    모든 강의 완강했습니다 ㅎㅎ
  19. 공삼이육
    감사합니다!
  20. php가 첫취업?
    하루만에 html 독파 완료 ㅠㅠ
    다행히 아는 내용이 많았지만..새로운 버전에서부터...알아야것들이 더 많아져서...
    난 아직도 멀었구나...라는 생각이 드는군요...
    08:45~09:00, 20:30~00:05 230분만에 html 완료....
  21. 고베베
    웹 어플리케이션 수업 역시 너무나 좋았지만 긴 강의로 인하여 지칠대로 지쳐서 ㅎㅎㅎ
    이후 수업 나가기가 겁났었어요 ㅎㅎㅎ
    그런데 이번 html수업은 2일만에 완강했습니다!!
    목소리에 반하고 수업의 깊이에 또 반하고 이고잉님의 생각에 푹 빠지는 수업이었습니다~
    HTML 태그 나열 수업이 아닌 각각이 가진 의미, 그것의 사용법 등 딱 듣고 싶은 부분만 잘 설명되어있어 듣는 내내 너무나 기뻤습니다! 그 어떤 유료강의보다 좋아요. 추천합니다. 감사합니다.
  22. programmer very GOSU
    2틀만에 다 들었는데 설명을 쉽게 해주셔서 이해하기 편했어요
    감사합니다
  23. ms Yun
    Thank you!
  24. 아이스베어
    3일만에 다 봤어요 ! 웹 애플리케이션 만들기 -> CSS -> 제이쿼리 순으로 듣고 홈페이지 리디자인 해놓았던 것 만들어보려구요! 아직 만들지도 않았지만 잘될 것 같다는 느낌이 옵니다...ㅎㅎ 강의가 귀에 쏙쏙 들어와요~ 목소리 좋으신 것도 있지만... HTML를 어떤 식으로 시작해야될지 감도 안 잡힌 저에게 이 강의는 정말...(감격) 최고입니다!!
  25. funlife
    정말 감사합니다.
  26. Julie Lee
    02.21.2017 완강.
    쉽게 설명해주셔서 감사합니다!
  27. 김원중
    감사 감사
  28. 정귀수
    완강했어요! 감사합니다.

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

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

      이해가 매우 잘됩니다.

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

      하루만에 다 봤네요 이해도 잘되고
      정말 감사합니다 ㅎㅎㅎ
    • 마엘
      정말 잘들었습니다!
    • 미미미미
      수업 너무 잘 들었습니다^^원래 1시간도 앉아있기 힘들어하는 저인데, 너무 쉽게 재밌게 가르쳐주셔서 5시간동안 쉬지도 않고 들었네요ㅎㅎ정말 너무 감사합니다!!
    버전 관리
    egoing
    현재 버전
    선택 버전
    graphittie 자세히 보기