[PHP] HTML FORM 태그에서 사용하는 input 태그 - url
2022. 10. 11. 01:45ㆍProgram/PHP
138_PHP HTML FORM 태그에서 사용하는 input 태그 - url
[요약]
- input 태그를 사용하며 type 속성의 값으로 url을 사용하여 사이트의 주소를 입력하는 폼을 생성하는 방법에 대해 알아보자.
type 속성값이 url이면 url 입력폼이 된다.
email과 마찬가지로 HTML5에서 새로 생긴 기느이며, 해당 폼에는 url주소의 규칙을 지킨 값만이 전송될 수 있다.
입력한 값이 url주소 유효성에 어긋나면 submit 버튼을 눌러도 값이 전송되지 않는다.
즉, 올바른 url값을 입력하지 않으면 전송 버튼을 눌러도 값을 검사하지 않는다.
[type 속성값에 url을 적용하는 방법]
<input type="url" name="url" />
다음은 url 입력폼을 생성한 예제이다.
[예제: 141_input_url.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="url"</title>
</head>
<body>
<form name="폼태그이름" method="데이터전송방식" action="정보를보낼주소">
<input type="url" name="userWebSite" placeholder="사이트 url입력" />
<input type="submit" value="전송" />
</form>
</body>
</html>실행결과
초보자를 위한 PHP 200제
김태영 지음 | 정보문화사
'Program > PHP' 카테고리의 다른 글
| [PHP] HTML FORM 태그에서 사용하는 select 태그 (0) | 2022.10.11 |
|---|---|
| [PHP] HTML FORM 태그에서 사용하는 textarea 태그 (0) | 2022.10.11 |
| [PHP] HTML FORM 태그에서 사용하는 input 태그 - email (0) | 2022.10.11 |
| [PHP] HTML FORM 태그에서 사용하는 input 태그 - submit (0) | 2022.10.10 |
| [PHP] HTML FORM 태그에서 사용하는 input 태그 - radio (0) | 2022.10.10 |