[PHP] HTML FORM 태그에서 사용하는 input 태그 - email
2022. 10. 11. 01:38ㆍProgram/PHP
137_PHP HTML FORM 태그에서 사용하는 input 태그 - email
[요약]
- input태그를 사용하며, type 송성의 값으로 email을 사용하여 이메일을 입력하는 폼을 생성하는 방법에 대해 알아보자.
type 속성값이 email이면 email 입력 폼이 된다.
HTML5에서 새로 생긴 기능이며, 해당 폼에는 이메일 주소의 규칙인 @(at)과 도메인이 있어야 한다.
입력한 값이 이메일 주소 유효성에 어긋나면 submit 버튼을 눌러도 값이 전송되지 않는다.
즉, 제대로된 이메일 값을 입력하지 않으면 전송 버튼을 눌러도 값을 검사하지 않는다.
[type 속성값에 email을 적요하는 방법]
<input type="email" name="email" />
다음은 email 입력폼을 생성한 예제이다.
[예제: 140_input_email.php ]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>INPUT 태그 type="email"</title>
</head>
<body>
<form name="폼태그이름" method="데이터전송방식" action="정보를보낼주소">
<input type="email" name="userEmail" placeholder="이메일 입력" />
<input type="submit" value="전송" />
</form>
</body>
</html>실행결과
초보자를 위한 PHP 200제
김태영 지음 | 정보문화사
'Program > PHP' 카테고리의 다른 글
| [PHP] HTML FORM 태그에서 사용하는 textarea 태그 (0) | 2022.10.11 |
|---|---|
| [PHP] HTML FORM 태그에서 사용하는 input 태그 - url (0) | 2022.10.11 |
| [PHP] HTML FORM 태그에서 사용하는 input 태그 - submit (0) | 2022.10.10 |
| [PHP] HTML FORM 태그에서 사용하는 input 태그 - radio (0) | 2022.10.10 |
| [PHP] HTML FORM 태그에서 사용하는 input 태그 - checkbox (0) | 2022.10.10 |