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에 접속해 결과를 확인합니다.