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

    그런데 완강해도 90% 달성인 것은 왤까요?
  16. 김명수
    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시간동안 쉬지도 않고 들었네요ㅎㅎ정말 너무 감사합니다!!
    • 한도르마르
      html
      09-10 완강
    • 감성팔이
      감사합니다!
    • Wj Kim
      훌륭한 강의 잘 들었습니다. 감사합니다.
    • 다은아빠
      좋은 강의 잘 들었습니다.
    • 김종엽
      2016.08.24 완료!
    • vnswo1@gmail.com
      감사합니다 egoing님 ㅎㅎ
      훌륭한 개발자가 되서 나중에 한 번 뵙겠습니다!
      앞으로도 저에게 필요한 강의들 열심히 수강하면서
      꿈을 키워나가겠습니다!
      대화보기
      • egoing
        학습을 위해서 모방을 하는 것은 정말 좋은 방법입니다.
        기술이 흔들리는데 기획까지 흔들리면 프로젝트의 복잡도가 너무 높아지거든요.
        기획을 고정시키고 기술이 확실해질 때까지 반복해서 수련해보는 것은 좋은 방법이라고 생각해요.
        대화보기
        • 훌륭한 프로그래머가 되겠다는 꿈을 꾸며

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

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

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

          하려고 하는데 어떻게 생각하시는지 egoing님의 의견을 듣고 싶어요!
        • Daehyeop Ko
          완강!! 수고하셨습니다
        • yoonalee
          HTML 완강했어요! 좋은 강의 감사합니다!!!
        • wonhee lee
          끝까지 잘 보았습니다. 수고하셨습니다
        • HTML을 완주했습니다! 좋은 강의 덕분에 금방 배울 수 있었습니다!!
          남은 css, 자바스크립트 강의도 열공! 하도록 하겠습니다ㅎㅎ
          정말 감사드립니다~!
        • Joon Lee
          HTML 완료!!
        버전 관리
        egoing
        현재 버전
        선택 버전
        graphittie 자세히 보기