[PHP] HTML FORM 태그에서 사용하는 input 태그 - text
2022. 10. 10. 02:07ㆍProgram/PHP
132_PHP HTML FORM 태그에서 사용하는 input 태그 - text
[요약]
- HTML의 input 태그를 사용하며 type 속성의 값으로 text를 사용하여 짧은 문구를 입력하는 방법에 대해 알아보자.
input 태그는 type의 값에 따라 다른 기능을 제공한다.
[input 태그 사용 방법]
<input type="타입" name="입력폼이름" maxlength="입력가능글자수" />type 속성은 값에 따라 ID 를 입력하는 입력 폼이 될 수 있고, 비밀번호 입력 폼이 될 수도 있다.
name 속성은 이 입력 폼의 이름을 뜻하며, 서버사이드 언어(PHP)에서 이 값으로 입력된 데이터를 전달받을 수 있다.
maxlength 속성은 이 입력 폼이 몇 글자까지 입력 가능하도록 할 것인지를 표시한다. 여러종류의 type 속성값을 하나씩 적용하며 알아보자. type 속성값이 text이면 짧은 텍스트를 입력하는 폼이 된다.
[type 속성값에 text를 적용하는 방법]
<input type="text" name="userID" maxlength="12" />name 속성의 값은 입력폼의 목적에 맞는 이름을 작성한다.
아이디를 입력하는 폼이면 id, 취미를 입력하는 폼이면 hobby 이런식의 값을 입력하면 된다.
maxlength 속성의 값으로는 최대 입력 글자수를 입력한다.
다음은 input 태그(type 속성의 값이 text)를 적용한 예제이다.
[예제: 135_input-text.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>Document</title>
</head>
<body>
<form name="폼태그이름" method="데이터전송방식" action="정보를보낼주소">
<input type="text" name="userID" maxlength="12" placeholder="아이디 입력" />
</form>
</body>
</html>실행결과
입력폼에 원하는 값을 입력하면 '아이디 입력'문구는 사라지며 입력한 문구를 삭제하면 '아이디 입력'은 다시 생성된다.
초보자를 위한 PHP 200제
김태영 지음 | 정보문화사
'Program > PHP' 카테고리의 다른 글
| [PHP] HTML FORM 태그에서 사용하는 input 태그 - checkbox (0) | 2022.10.10 |
|---|---|
| [PHP] HTML FORM 태그에서 사용하는 input 태그 - password (0) | 2022.10.10 |
| [PHP] HTML과 FORM 태그 (0) | 2022.10.10 |
| [PHP] MySQL 인덱스 사용하기 INDEX (0) | 2022.10.09 |
| [PHP] MySQL 서로 다른 필드의 값을 합쳐서 출력하기 CONCAT (0) | 2022.10.09 |