[생활코딩 Node.js] 12. HTML form태그

HTML form태그

웹페이지에서 정보를 입력받기 위해 form태그의 사용법을 익힌다.

<form class="" action="http://localhost:5000/create" method="get">
  <p><input type="text" name="title"></p>
  <p>
    <textarea name="description" rows="8" cols="80"></textarea>
  </p>
  <p>
    <input type="submit">
  </p>
</form>

위와 같은 html 소스를 생성해서 파일을 실행해 보면

이런 화면이 생성된다.

내용을 대충 채우고 제출(submit) 버튼을 누르면 아래와 같은 주소로 리다이렉션된다

http://localhost:5000/create?title=hi&description=nice+to+meet+you

쿼리스트링 부분에 내용이 그대로 노출되기 때문에 사용하면 안 되는 방법이다.

form 태그의 method 옵션을 get이 아닌 post로 바꿔 주면 해결.(입력하지 않았을 경우 기본값이 get이다)

<form class="" action="http://localhost:5000/create" method="post">
<!-- 이하 생략 -->