여러 줄을 입력할 수 있는 텍스트 영역을 알아보겠습니다.
우리가 만들 페이지는 아래와 같습니다.
이번 챕터의 코드는 https://github.com/koeunyeon/ci4/tree/view-textarea에 있습니다.
View
컨트롤러에 아래의 메소드를 추가합니다.
app/Controllers/View.php
public function textarea(): String
{
$input = $this->request->getPost("input") ?? "";
return View("/view/textarea", ['input'=>$input]);
}
특별한 코드는 없으므로 컨트롤러 설명은 생략합니다.
뷰를 추가하겠습니다.
app/Views/view/textarea.php
<form method="POST">
<textarea name="input"><?= $input ?></textarea>
<p><input type="submit" value="확인"/></p>
</form>
일반적인 입력 태그가 <input
으로 시작하는 데 반해, 여러 줄 입력은 <textarea>
태그를 사용합니다. HTML을 처음 다루는 사람이 조심해야 할 부분은 들여쓰기 등을 맞춘다고 아래처럼 사용하는 것입니다. textarea
태그 사이의 값은 공백을 포함해서 모두 값으로 치환되므로 특별한 사정이 없는 한 태그를 붙여 써야 합니다.
틀린 예
<textarea>
</textarea>
올바른 예
<textarea></textarea>
브라우저에서 http://localhost:8080/view/textarea에 접속해 결과를 확인합니다.