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. icoffea
    감사합니다.
  2. 시밍
    감사합니다 함께 달려보아요 ㅎㅎㅎ><
    대화보기
    • 푸른하늘
      공부 일차입니다 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로 넘어가야겠어요 ㅎㅎ 감사합니다 !
            • 완주했습니다!감사해요
            • 세븐나이츠
              좋은강의감사해요~
            • 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% 달성인 것은 왤까요?
            버전 관리
            egoing
            현재 버전
            선택 버전
            graphittie 자세히 보기