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

      그런데 완강해도 90% 달성인 것은 왤까요?
    • 김명수
      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
      버전 관리
      egoing
      현재 버전
      선택 버전
      graphittie 자세히 보기