웹의 입력양식, <form> 태그

 

- 폼은 입력양식임.

  회원가입 페이지 등에서 볼수있는 입력상자, 검색어를 입력하는 부분 등

 

- 사용자가 입력한 데이터의 처리를 자바스크립트나 서버에서 함.

- 사용자가 입력한 데이터를 서버로 전송하는 데 목적이 있음.

 

<form> 태그는 시작태그와 종료태그로 이루어짐.

  - 이름 속성은 한 페이지에서 중복 불가함.

 

- 형식

  <form method="get, post" action="서버의 경로를 지정">

  서버로 전송할 내용

  </form>

 

form 태그의 속성

method : 폼 아의 폼들을 서버로 전송하는 방법. / 속성값 : get, post

name : 폼의 이름을 지정. 사용하는 여러개의 폼을 구분하기 위해 이름붙임

action : 폼안에 있는 내용을 서버측으로 전송할 경로지정. 속성값 : url, 서버측 페이지

 

 

- get 방식 : 사용자의 입력을 서버측의 환경변수인 쿼리스트링으로 넘겨줌.

        넘겨줄 수 있는 용량은 256byte ~ 4096byte 까지 데이터를 제한함

        주소창에 넘겨지는 파라미터의 값이 노출됨. 보안에 취약함.

 

 

- post 방식 : 사용자의 입력을 표준 입력으로 넘겨주기 때문에 입력내용의 길이에 제한을 받지 않음.

             넘겨지는 것이 사용자에게 보여지지 않음.

 

폼에 삽입하는 input 태그

속성값 : text, password, hidden, radio, checkbox, submit, reset, button, file

텍스트필트 type="값 지정"

값 : name, size, value, maxlength, readonly