30. HTML - form

입력한 정보를 서버로 전송하는 것을 만들것이다.

 

 

2) <input>태그에 type 속성을 text로 하면 글씨를 입력할 수 있는 태그가 된다. <p>태그를 사용해 줄바꿈

4) 본문을 입력할, 여러줄의 텍스트를 입력할 수 있는 <textarea> 태그를 사용한다.

7) 입력이 끝났다는 의미와 입력한 내용을 전송하기 위해 전송 버튼이 필요하다. type 속성을 submit으로 하면 된다.

    submit은 제출하다 라는 뜻

1) 입력한 내용을 어디로 보낼것인가에 대한 내용, 

 

 

(main.js 서버를 동작 시켜야 텍스트 내용이 전송되는걸 url에서 확인할 수 있다.)

 

텍스트에 입력한 내용들이 쿼리스트링으로 만들어 지는것을 확인 할 수 있다.

 

 

하지만 주소상 url에 데이터 값이 보이는것은 보안상 좋지 않다.

누군가가 주소를 가지고 데이터를 조작 할 수 있기 때문이다.

 

 

 

1) method="post"  url에 전송하는 데이터 값이 보이지 않게 하기 위해 post 방식을 사용.

  

 

post방식으로 전송하면 아주 큰 데이터도 전송 할 수 있다.

url 방식으로 아주 큰 데이터를 전송한다면 url이 짤릴수도 있기 때문에 아주 큰 데이터를 보낼때는 post방식이 좋다.

 

서버로부터 사용자가 데이터를 가져올때는 get 할때는 method="get" 방식을 쓰거나 method옵션이 생략되어 있을때 사용된다.

서버의 데이터를 수정,삭제,생성을 할때는 반드시 method="post"방식으로 해야한다.