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. sioadfjaosdjfio
    감사합니다
  2. 김주엽
    공부완료
  3. kimshaakh
    2019.05.17 HTML 수업 완강했습니다. 감사드립니다
  4. 잘봤습니다 감사합니다
  5. 피터
    완강했습니다. 감사합니다!
  6. STARGET
    html강의 다들었어요 감사합니다!
  7. 190311완료
  8. 광개토담덕
    먼저 감사의 인사말 드립니다.
    "해야지", "해야지" 하면서 미루다 오늘로써 html 강의 모두 들었습니다.
    앞으로도 좋은 강의 잘 부탁드립니다.
  9. 콩이
    완강했습니다 감사합니다.^^
  10. 최고
    감사합니다:)
  11. 비단단비
    찰떡같은 비유와 다채로운 어휘들에 매번 감탄하고갑니다 크..
    이해하기 쉽게 알려주셔서 감사합니다. 이고잉님이 덕분에 살았어요
  12. 구정 연휴에 짬짬이 공부해서 HTML 수업을 완주했습니다.
    항상 감사드립니다. 이고잉님!
  13. 한승민
    190129 완료
    좋은 강의였습니다 .
    부지런히 css 강의도 완강하겠습니다 감사합니다!
  14. yonchan
    html완강했습니다
    너무감사합니다ㅜㅜ..
  15. 19-01-11완강

    HTML수업인데 form 하위태그(input, textarea, select ...)에 대한 내용이 30%정도 되는 것 같네요
    이런 태그들이 있다는 것 정도로 알라 하셨지만
    나중을 위해 영상을 한 3번정도는 돌려보고 꼼꼼하게 정리해뒀습니다

    언젠가 도움될 날이 있겠지요? ㅠㅠ
  16. 미완성
    20190107완료
  17. Gihoon Pomme Ryu
    완료. 고맙습니다.
  18. ㄴㄴ
    완료 좋은 수업이에요
  19. 수업잘들었습니다 감사합니다
  20. 김민영
    완료
  21. 리젤린
    드디어 다 들었네여 다음에는css다 ㅎㅎ
  22. 용이
    20180908 - 오후 9:47분 완료

    6시간정도 걸렸는데, 실질적으로는 4시간정도 걸렸네요

    전반적으로 빠르게 볼 수 있어서 좋았습니다

    실습해봐야겠어요

    감사합니다
  23. 김수
    아 드디어끝났다..
  24. SlowStarter
    감사합니다!
  25. Dahee Kang
    다른 강의 듣다가 어렵고 지루하게 느껴져서 여기로 넘어왔는데 이틀만에 끝냈네요.
    초보자들의 입장에서 하나씩 자연스럽게 받아들일 수 있는 강의 였어요.
    실무에서 이건 꼭 필요하다!!!라고 느끼셨던 것들을 어떻게든 쉽게 전달하려고 하시는것도 느껴졌어요.
    선배한테 배우는 느낌이었달까요~
    다 끝내고 나니 추가로 다른 것들도 소화 할 수 있다는 자신감도 생기네요 :)
    감사합니다.
  26. 박 재만
    감사합니다!
  27. SlowStarter
    감사합니다!
  28. 완강이다.. 이제 css~
  29. 스페이스몽키
    감사합니다.!
  30. 아인
    강의를 정말 세련되게 하시네요....
    감사히 잘 보았습니다.
  31. 메리
    너무 감사합니다 ^^ 정말 최고예요~
  32. jisang
    일끝나고 1~2시간씩 꼬박꼬박 공부하고 있습니다

    정말 감사합니다
    앞으로도 좋은 강의 부탁드릴게요
  33. Bokjun
    완강 3시간 걸렸습니다! 질 높은 강의 제공해주시는점 정말 감사드려요~(예전에 독학을 했는데 egoing님의 강의를 듣는건 역시나 좋네요...ㅎㅎ)
  34. icoffea
    감사합니다.
  35. 시밍
    감사합니다 함께 달려보아요 ㅎㅎㅎ><
    대화보기
    • 푸른하늘
      공부 일차입니다 1은 1일차 2는 2일차 암호같죠 ㅋㅋㅋㅋㅋㅋㅋ
      대화보기
      • 맛있는하마
        저랑 거의 비슷하게 완강하셨네요! 축하드려요~~
        대화보기
        • 시밍
          html 첫 완강입니다. 다른 수업도 완강을 향해 달려봅니다 이고잉님 강좌 감사드려요!
        • 시밍
          님 왜 여기저기에 의미없는 숫자댓글을 다세요? 어딜 들어가도 걍 의미없는 댓글 다시네ㅋㅋㅋㅋㅋ 댓글 성의좀..
          대화보기
          • JN87
            180101 완강했습니다 감사합니다!

            <input>태그의 유효성 검사 기능을 갖는 속성들
            1. required : 사용자가 반드시 정보값을 채워야만 제출이 가능해짐.(필수입력)

            2. pattern : 사용자가 정보값을 입력할때 특정 양식을 따르도록 강제하는 속성

            ※ pattern 속성의 속성값은 "정규표현식"으로 입력해야한다.(정규표현식은 html과는 별개의 언어)
          • 바실로마첸코
            저도 이틀만에 완강했습니다 성취감도 느껴지고 기분 좋네요 으허허
          • 뀨우
            감사합니다. 이틀만에 완강하였습니다.
          • 진교훈
            완강하는데 딱 이틀 걸리네요! 이번에도 너무너무 감사합니다 !!
          • 푸른하늘
            7
          • 박신우
            이틀만에 완강했습니다 지루할틈이 없네요 ㅎㅎ css로 갑니다
          • Migyeong Kang
            끝까지 모두 다 들은 인터넷 무료수업은 egoing님의 수업이 처음입니다. 정말 감사합니다!
          • 초보자
            감사합니다.
          • 바람과 나무
            감사합니다.
          • 이성준
            다 들었습니다. HTML박사가 된 기분입니다.
          • 스콜스
            좋은 강의 감사드립니다.
          버전 관리
          egoing
          현재 버전
          선택 버전
          graphittie 자세히 보기