HTML에서 Form은 웹에서 사용자의 정보를 입력받기 위해 사용합니다.

예를들면 로그인, 회원가입, 게시판 글쓰기 등 우리는 사용자의 데이터를 입력받아 이러한 데이터를 입력 받는데요. 이때 입력받는 데이터들의 묶을 폼(Form)그리고 데이터를 폼 데이터(Form Data) 또는 필드(Field) 라고 합니다.

즉, 폼(Form)은 사용자의 정보를 입력받을 수 있게 만들어 놓은 형식 이라고 보시면 될 것 같습니다.

폼 태그

<form> 요소는 정보를 제출하기 위하여 어디서부터 어디까지가 양식인지 지정하는 역할을 합니다.

<form action="/signup" method="post">
  <div class="form-example">
    <label for="name">이름: </label>
    <input type="text" name="name" id="name" required>
  </div>
  <div class="form-example">
    <label for="email">이메일: </label>
    <input type="email" name="email" id="email" required>
  </div>
  <div class="form-example">
    <input type="submit" value="제출하기">
  </div>
</form>

속성

• action - 양식 데이터를 처리할 서버 프로그램의 URI
• method - 양식을 제출할 때 사용할 HTTP 메서드
  • post - 양식 데이터를 요청 본문으로 전송합니다.
  • get - 양식 데이터를 URL의 쿼리스트링으로 붙여서 전송합니다.

Input 태그

<input> 요소로 데이터를 입력 받을 수 있습니다. type 속성을 통하여 다양한 방법으로 데이터를 받을 수 있습니다.

text

<input> 태그의 기본값으로 한줄의 텍스트를 입력 받습니다.

<input type="text" id="name">

HTML5 에서는 text 필드가 데이터 용도에 맞게 사용할 수 있도록 다양한 타입이 추가되었습니다.

• text - 일반적인 텍스트를 받기위해 사용됩니다.
• password - 비밀번호를 받기위해 사용됩니다.