From
<form></form>
form 요소를 사용하여 사용자로부터 입력 받고 사용자가 입력한 데이터를 서버로 전송
텍스트 필드에 글자를 입력, 체크박스나 라디오 버튼을 클릭하고 제출 버튼을 누르면 백엔드 서버에 양식이 전달
<form action="처리할페이지주소" method="get|post"></form>
사용자가 form 요소를 통해 입력한 데이터는 action 속성에 명시된 위치로 method 속성의 방식을 통해 전달
action 속성
입력받은 데이터를 처리할 서버 상의 스크립트 파일의 주소를 명시
method 속성
입력받은 데이터를 서버에 전달할 방식을 명시
GET 방식
주소에 데이터(data)를 추가하여 전달
데이터가 주소 입력창에 그대로 나타남
전송할 수 있는 데이터의 크기 제한적
검색 엔진의 쿼리(query)와 같이 크기가 작고 중요도가 낮은 정보를 보낼 때 주로 사용
POST 방식
데이터(data)를 별도로 첨부하여 전달
데이터가 외부에 드러나지 않음
전송할 수 있는 데이터의 크기 또한 제한이 없음
보안성 및 활용성이 GET 방식보다 좋습니다.
폼 핸들러
전달받은 데이터를 처리하는 스크립트 파일
입력받은 데이터를 처리하기 위한 서버 측의 웹 페이지
<form> 요소
- <button>
- <fieldset>
- <input>
- <label>
- <option>
- <optgroup>
- <select>
- <textarea>
https://www.tcpschool.com/html/html_input_forms
