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. yonchan
    html완강했습니다
    너무감사합니다ㅜㅜ..
  2. jello
    19-01-11완강

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

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

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

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

    실습해봐야겠어요

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

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

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

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

            ※ pattern 속성의 속성값은 "정규표현식"으로 입력해야한다.(정규표현식은 html과는 별개의 언어)
          • 바실로마첸코
            저도 이틀만에 완강했습니다 성취감도 느껴지고 기분 좋네요 으허허
          • 뀨우
            감사합니다. 이틀만에 완강하였습니다.
          • 진교훈
            완강하는데 딱 이틀 걸리네요! 이번에도 너무너무 감사합니다 !!
          • 푸른하늘
            7
          • 박신우
            이틀만에 완강했습니다 지루할틈이 없네요 ㅎㅎ css로 갑니다
          • Migyeong Kang
            끝까지 모두 다 들은 인터넷 무료수업은 egoing님의 수업이 처음입니다. 정말 감사합니다!
          • 초보자
            감사합니다.
          • 바람과 나무
            감사합니다.
          • 이성준
            다 들었습니다. HTML박사가 된 기분입니다.
          • 스콜스
            좋은 강의 감사드립니다.
          • 오빠는다르다
            감사합니다 ㅠㅠ 왼주완료~!!!!! 더 열심히할께요!!!!
          • 스윙나인
            감사합니다.
          • 아이
            아무도 묻지 않았습니다.
            대화보기
            • 수강생
              감사합니다~~~ 이제 css 들어야겠네요!
            • Run&Run
              완강했습니다~ 좋은강의 감사합니다.
            • 김영준
              완강했습니다.
              다른 수업도 계속 열공 할께요.
              egoing님, 감사합니다~
            • protester
              완~주! HTML이 이제 당당한 프로그래밍 언어가 되었네요~! 멋진 강의 갑사합니다.^^
            • 끄읕!!
            • 준일
              7일만에 HTML을 완료 했읍니다.
              자바 책을 구입했읍니다, 자바도 같이 듣겠읍니다.
            • 오들오들오드리
              강의 완주했습니다~
              감사합니다
            • 손정은
              HTML 강의 완주했습니다! 이제 CSS로 넘어가야겠어요 ㅎㅎ 감사합니다 !
            • 완주했습니다!감사해요
            • 세븐나이츠
              좋은강의감사해요~
            버전 관리
            egoing
            현재 버전
            선택 버전
            graphittie 자세히 보기