form 요소(element)

웹 페이지에서는 form 요소를 사용하여 사용자로부터 입력을 받을 수 있습니다.

또한, 사용자가 입력한 데이터를 서버로 보낼 때에도 form 요소를 사용합니다.

문법

<form action="처리할페이지주소" method="get/post">
   입력창 및 버튼 등
   ...
</form>

action 속성은 입력받은 데이터를 처리할 서버 상의 스크립트 파일의 주소를 명시합니다.

method 속성은 입력받은 데이터를 서버에 전달할 방식을 명시합니다.

따라서 사용자가 form 요소를 통해 입력한 데이터는 action 속성에 명시된 위치로 method 속성의 방식을 통해 전달됩니다.

---

예제

1. input 입력 요소에 label 이름을 붙인다. 이때 레이블안에 input 태그를 넣어도 되고 for 속성, id 속성의 값을 동일하게 한다.
2. submit 타입은 서버로 입력한 내용들을 전달하는 역활

<form>
  <label>First Name:
    <input type="text" name="firstName">
  </label>

  <label for="lastName">Last Name:</label>
  <input id="lastName" type="text" name="lastName">

  <input type="submit" value="Submit">

</form>