[PHP] HTML FORM 태그에서 사용하는 textarea 태그
2022. 10. 11. 01:55ㆍProgram/PHP
139_PHP HTML FORM 태그에서 사용하는 textarea 태그
[요약]
- textarea 태그를 사용하여 장문의 글을 입력하는 입력폼을 생성하는 방법에 대해 알아보자.
웹사이트에서 장문의 글을 입력하려면 textarea 태그를 사용한다.
자기소개서 입력폼 등을 만들 때 사용되는 태그이다.
[textarea 태그 사용 방법]
<textarea name=""></textarea>웹페이지에서 기본적으로 어떠한 문구를 입력폼 안에 표시한다면 textarea 태그 안에 입력한다.
<textarea name="">Hello World</textarea>
다음은 textarea 태그를 사용한 예제이다.
[예제: 142_textarea.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>textarea 태그</title>
</head>
<body>
<form name="폼태그이름" method="데이터전송방식" action="정보를보낼주소">
<textarea name="longtext"></textarea><br>
<input type="submit" value="전송" />
</form>
</body>
</html>실행결과
위 그림을 보면 textarea 영역이 굉장히 작은걸 볼 수 있다.
textarea의 사이즈를 조정해 보도록 하자.
세로의 길이를 늘리려면 rows 속성을 사용하여 값으로 라인수를 지정한다.
가로의 길이를 늘리려면 cols 속성을 사용하여 값으로 텍스트수를 지정한다.
[textarea 사이즈 조정 방법]
<textarea name="" cols="100" rows="20">Hello World</textarea>[예제 142]에서 cols 속성과 rows 속성을 사용하면 아래와 같은 사이즈의 textarea 태그를 볼 수 있다.
초보자를 위한 PHP 200제
김태영 지음 | 정보문화사
'Program > PHP' 카테고리의 다른 글
| [PHP] HTML FORM 태그에서 사용하는 input 태그 - file (0) | 2022.10.11 |
|---|---|
| [PHP] HTML FORM 태그에서 사용하는 select 태그 (0) | 2022.10.11 |
| [PHP] HTML FORM 태그에서 사용하는 input 태그 - url (0) | 2022.10.11 |
| [PHP] HTML FORM 태그에서 사용하는 input 태그 - email (0) | 2022.10.11 |
| [PHP] HTML FORM 태그에서 사용하는 input 태그 - submit (0) | 2022.10.10 |