코드이그나이터4 뷰 다루기 - 8 - 여러 줄 텍스트 입력(textarea)

koeunyeon·2021년 3월 19일
0

텍스트 영역

여러 줄을 입력할 수 있는 텍스트 영역을 알아보겠습니다.
우리가 만들 페이지는 아래와 같습니다.

이번 챕터의 코드는 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에 접속해 결과를 확인합니다.

profile
스타트업에 관심이 많은 10 + n년차 웹 개발자. 자바 스프링 (혹은 부트), 파이썬 플라스크, PHP를 주로 다룹니다.

관심 있을 만한 포스트

0개의 댓글