form 태그 사용법 및 정의

 

HTML에서 form 이란 사용자 와 상호작용을 통해서 서버로 데이터를 보낼 수 있는 양식을 말한다. 위 그림과 같이 글자를 입력받는 양식 또는 버튼 과 체크박스 라디오 버튼 등등 다양한 입력 양식 들의 태그들이 존재한다.

이러한 태그들은 form 이란 태그로 둘러쌓여져야 한다.

form 태그는 컨테이너 역할을 하는 것이다. form 태그의 사용법은 하기와 같다.

  <form >

    <fieldset>

      <legend>로그인</legend>

      <label for="id">아이디</label>

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

      <br>

      <label for="pw">비밀번호</label>

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

    </fieldset>

    <fieldset>

      <legend>비밀번호 찾기</legend>

      <label for="lookfor">전화번호 입력</label>

      <input type="password" id="lookfor">

    </fieldset>

  </form>

<form> 요소 안 컨텐츠 부분에

다양한 타입의 폼들을 넣어서 정의해주면 된다.

서버와 연동 했을때는 form 의 속성에 하기와 같은 속성 값을 주어서 핸들링 할 수 있다.

<form action="서버에서 실행될 파일명(url)" , method = "post" 또는 "get">

하지만, 지금 HTML5를 처음 학습하는 입장에서는 굳이 서두를 필요가 없다.

form 에 대한 정의였다.

감사합니다.