[HTML] 폼 태그

태그

< a href="" rel="tag">웹폼

 

▶ 웹 폼(Web Form) :웹 페이지에서 사용자로 부터 입력을 받는 폼

- <input>, <textarea>, <select> 태그 등으로 구성

ex) 로그인, 검색, 등록, 예약, 쇼핑 등

 

▶ 폼 태그(form tag)

<from 속성이름="속성값" > </from> 

[속성이름]	[속성값]
name	폼의 이름
action	폼 데이터를 처리할 웹 서버 응용프로그램의 이름 URL - submit 버튼을 누르면, 브라우저는 action에 지정된 웹 서버 응용프로그램 실행 요청 - 웹 서버 응용 프로그램은 Java, JSP, PHP, C/C++ 등 다양한 언어로 작성
method	폼 데이터를 웹 서버로 전송하는 방식 - 대표적인 전송 방식: GET, POST
enctype	데이터의 인코딩타입 - 폼 데이터를 웹 서버로 전송할 때 암호화 방식 지정
target	윈도우 이름 - 폼 데이터를 서버로 제출한 후 받는 응답이 열릴 위치 지정 - 웹 서버 응용프로그램으로부터 전송받은 데이터(HTML 문서나 이미지)를 출력할 윈도우 이름

 

 

▶ 폼 전송 과정

1. 네이버 사이트에 접속 후, 입력 창에 "Elvis" 입력, 검색 버튼을 누르면 브라우저는 <form>태그의 action="https://search.naver.com/search.naver"을 참고하여 search.naver.com 서버에 접속하여 search.naver 응용프로그램을 실행 요청해야 하는 것을 확인 

 

2. 입력 창에 "Elvis" 입력하고 검색 버튼을 누르면, 웹 서버 응용 프로그램에 보낼 폼 데이터를 만든다

( https://search.naver.com/search.naver?where=nexearch&query=Elvis&...)

 

3. 브라우저는 search.naver.com에 접속, 웹 서버 응용프로그램 search.naver의 실행 요청하고  query=Elvis를 전달

 

4. 웹 서버에서 search.naver.com  응용프로그램이 실행되고, 검색 결과를 브라우저에게 보냄

 

5. 브라우저는 검색결과를 화면에 출력