Form 요소

데이터를 입력하거나 전송할 때 사용하는 HTML 요소이다.

form 태그

<form action="index.html" method="get">
  <label for="username">ID</label>
  <input type="text" id="username">
</form>

form은 브라우저(클라이언트)에서 서버로 데이터를 전송하기 위해 사용하는 태그이다.

form의 method

GET : URL에 데이터를 담아 전달
POST : URL과는 별도로 데이터를 전달

form의 action

action은 form에서 데이터를 전송할 URL

label 태그

<label>ID <input type='text'></label>

<label>ID</label>
<input type="text">

둘의 차이는 포커스가 ID까지 잡히느냐 안잡히느냐의 차이

select 태그

<!-- select#select-id[name=number]>option[value=$]+=4 -->
<select name="number" id="select-id">
  <option value="1">First</option>
  <option value="2">Second</option>
  <option value="3">Third</option>
  <option value="4">Fourth</option>
</select>

한 칸에서 여러가지 선택할 수 있는 칸을 만드는 것