[JS] form_1

form태그를 이용해 서버로 값 전달하기 

서버로 전달하고자 하는 모든 데이터는 form태그 안에 있어야 함. 그렇지 않으면 다른 페이지로 전달 불가**

 

HTML  폼 

폼에 입력한 데이터를 서버로 보내고 웹 서버는 그 데이터를 처리한다. 

그 결과를 사용자에게 반환하거나 데이터베이스에 저장한다. 

클라이언트 측 자바스크립트로 웹 어플리케이션을 만들 때 사용자 입력을 받는 사용자 인터페이스로 사용한다. 

이때 데이터 처리는 클라이언트 측 자바스크립트 프로그램이 담당한다. 

 

폼 요소와 폼 컨트롤 요소 

웹 서버에 데이터를 보낼 때 다음과 같은 과정을 거친다. 

1. 우선 form요소를 body영역에서 작성하고 method와 action속성을 지정한다. 

          method속성 : 데이터 전송방법 (GET, POST)

                                     - GET : 값이 URL에 노출됨. 속도가 빠르지만 보안성은 취약

                                     - POST : 값이 URL에 노출되지 않음. 속도가 빠르지는 않지만 보안성이 높고 바이너리타입의 데이터를 전달

          action속성 : 데이터를 어떻게 처리할 것인지 ex.값을 전달할 페이지 등 처리객체 지정 

2. 그 다음 form 요소 안에 있는 사용자로부터 입력받는 input 요소등의 폼 컨트롤 요소를 배치한다.

3. 마지막으로 form 요소 안에 있는 데이터를 전송하기 위한 submit버튼과 데이터 입력을 취소하는 reset버튼을 배치한다.