입력한 값이 유효한지 안전한지 체크하는 것을 validation이라고 한다
<!DOCTYPE hmtl>
<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">
</body>
</html>
이메일 입력이라고 입력하면 이메일 이외의 주소는 제출되지 않고 사용자에게 문제를 통보한다
아이디는 입력을 받고 이메일은 선택일 때는 required을 사용한다
사용자가 입력한 정보가 알파벳으로 시작해야되고 숫자로 끝나야하도록 강제하고 싶으면
pattern을 사용한다 정규표현식
정규표현식도 프로그래밍 언어다 패턴이 그 문자에 있는지 없는지를 확인
패턴의 속성 값은 정규표현식이 온다 정규표현식의 문법에 따라서 해석한다
정규표현식에서 .은 어떤 문자던 상관이 없다는 뜻이다
+는 모든 문자가 하나 이상 온다는 뜻이다
사용자가 입력한 정보를 받는 서버에서 사용자가 입력한 정보에 대한 테스트를 해야한다
Validation은 사용자에게 편의를 제공할 뿐이다
'웹(Web) > HTML' 카테고리의 다른 글
| HTML5 입력양식의 속성들 (0) | 2021.04.15 |
|---|---|
| HTML5의 새로운 제출 양식들 (0) | 2021.04.15 |
| HTML Can I use (0) | 2021.04.15 |
| HTML 비디오 -video (0) | 2021.04.15 |
| 외부문서삽입 -iframe (0) | 2021.04.15 |
댓글