라벨이 input태그인 게시물 표시

HTML 서버 통신의 첫걸음 폼(form) 태그와 get, post 방식의 차이 그리고 각종 컨트롤 input 태그 사용법 정리

사용자 입력 양식 틀 form 태그 form 태그는 사용자에게 입력받은 데이터를 서버 쪽으로 보내기 위한 틀입니다.  form 태그 안에 사용자가 입력할 컨트롤들을 선언하고 서버로 보낼 때는 form 태그 안에 입력된 데이터가 한 번에 서버로 전송되게 됩니다.  쉽게 이야기해서 서버에게 보낼 데이터의 시작과 끝을 알리는 공간으로 보시면 됩니다. form 태그 안에는 여러 속성이 있는데, 서버와의 통신 방식이나 form 태그의 데이터를 처리해 줄 프로그램을 지정한다든지 서버 통신과 관련된 속성들이 존재합니다. form 태그의 주요 속성 종류 설명 method 사용자가 입력한 내용을 서버쪽 프로그램으로 어떻게 넘겨줄 것인지 지정 get : 256 ~ 4,096byte 까지만 서버로 넘길 수 있다 . 주소 표시줄에 사용자가 입력한 내용이 그대로 드러나는 단점 post : 입력한 내용의 길이에 제한이 없고 , 사용자가 입력한 내용도 드러나지 않음 . name 자바스크립트로 폼을 제어할 때 사용할 폼의 이름을 지정 action <form> 태그 안의 내용을 처리해 줄 서버 프로그램을 지정 target action 속성에서 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에서 열도록 함 . autocomplete 자동완성 기능에 대한 사용여부 기본값은 "on" 메소드의 전송방식 get방식과 post방식 차이 form 태그에서 서버로 전송하는 방식 중에는 get 방식과 post 방식 두 가지가 존재합니다. 서버로 데이터를 보내는 작업을 하는 것은 똑같지만 작동 방식에 차이가 있습니다.  get 방식 의 경우 서버로 보낼 데이터를 url에