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. 김민영
    완료
  3. 리젤린
    드디어 다 들었네여 다음에는css다 ㅎㅎ
  4. 용이
    20180908 - 오후 9:47분 완료

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

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

    실습해봐야겠어요

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

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

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

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

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