[HTML] 사용자 입력 폼 태그 - <form>

<form> 태그

- 웹 페이지에서 사용자로부터 데이터를 수집하기 위한 인터페이스를 제공

- 사용자로부터 입력을 받을 수 있는 HTML 입력 폼(form)을 정의

- 사용자와 웹사이트 간에 상호작용 지원

 

  • action: 폼 데이터를 처리하게 될 서버의 URL을 지정
  • method: 데이터 전송 방식을 지정. HTTP 동사 사용
    • GET: 주로 데이터를 검색할 때 사용. 폼 데이터는 URL의 쿼리 문자열로 전송. 입력정보가 주소(i.e., url bar)에 나타나고 4096byte까지만 전송가능
    • POST: 폼 데이터를 본문에 포함시켜 전송. 주로 데이터를 서버에 제출할 때 사용. 입력정보가 드러나지 않고 사이즈 제한도 없음
<form action="url" method="전송방식">
내용
</form>

: "전송방식" 요청으로 url에 정보를 보냄
<form action="/example.html" method="POST">
  <h1>Creating a form</h1>
  <p>Looks like you want to learn how to create an HTML form. Well, 
  the best way to learn is to play around with it.</p>
</form>