코드이그나이터4 뷰 다루기 - 6 - 텍스트 상자

고은연·2021년 3월 18일
0

HTML에서 기본이 되는 태그인 텍스트 상자를 알아보겠습니다. 텍스트 상자는 한 줄 입력시에 사용됩니다.
우리가 만들 페이지는 아래와 같습니다.

이번 챕터의 코드는 https://github.com/koeunyeon/ci4/tree/view-input-text 에 있습니다.

View 컨트롤러에 아래의 메소드를 추가합니다.
app/Controllers/View.php

public function text(): String
{
    $age = $this->request->getPost("age") ?? "";
    return View("/view/text", ['age'=>$age]);
}

특별한 코드는 없으므로 컨트롤러 설명은 생략합니다.


뷰를 추가하겠습니다.
app/Views/view/text.php

<form method="POST">
나이 : <input type="text" name="age" value="<?= $age ?>" />  <!-- (1) -->
<p><input type="submit" value="확인"/></p>
</form>

(1) 텍스트 상자를 위한 특별한 태그는 없습니다. HTML은 대부분의 데이터 입력에 input 태그에 type을 추가함으로써 입력 형식을 다양화합니다. 텍스트 입력의 경우 type="text"입니다.


브라우저에서 http://localhost:8080/view/text에 접속해 결과를 확인합니다.

profile
중년 아저씨. 10 + n년차 백엔드 개발자. 스타트업과 창업, 솔로프리너와 1인 기업에 관심 많아요.

0개의 댓글