HTML-form

form 태그

• form.html

<form action="http://localhost:80/process_create">
    <p><input type="text" name="title"></p>
    <p>
        <textarea name="description"></textarea>
    </p>
    <p>
        <input type="submit">
    </p>
</form>

• 접속화면

위와같이 form 태그로 감싼 뒤, action을 주면 action에 해당하는 주소로 <input>태그에 입력한 내용을 전송하게 된다.

그림처럼 title에는 hi, description에는 dfsd를 입력하고 제출을 누르면, 

Nou found가 출력이 되지만 중요한 것은 url이다. action에 지정한 경로?title='hi'&description='dfsd' 로, 경로와 입력한 정보들이 보내지게 된다.

이런 방식은 '주소에 데이터가 포함되어 있는' 상태이다. 좋은 방법이 아니라는 뜻이다. (저 주소로 접속하면 게시물을 올리는 거라면, 주소만 가지고 언제든지 게시물을 올릴수 있다.)

- 서버에서 데이터를 가져올 때(get) : query strig을 쓴다.

- 서버로 데이터를 전송할 때( post) : 눈에 보이지 않는 방법으로 전송한다.

 

• form태그의 전송 방식을 post로 지정

<form action="http://localhost:80/process_create" method="POST">
    <p><input type="text" name="title"></p>
    <p>
        <textarea name="description"></textarea>
    </p>
    <p>
        <input type="submit">
    </p>
</form>

• 제출 버튼으로 전송

아까와 다르게 url주소에 정보가 표시되지 않는다.