(HTML) form Tag

form 태그

• 사용자가 입력하는 데이터를 서버에 보내주는 태그
• table, ol, ul과 같이 부모태그로써 사용
• action 속성은 입력한 데이터를 보낼 주소를 입력하는 속성
  • action ="#"은 권장사항이라고 생각하면 좋다. W3C에서 주소가 없을 때는 넣도록 권장 (ex. <a href="#"
  • ></a>
• method 속성은 데이터를 어떤 방식으로 보낼지 설정하는 속성
  • 해당 속성의 값으로는 GET, POST, .... 등등이 존재하며 넣을 수 있다. 
  • 그중 GET은 주소에 입력 데이터가 나온다

<form action="#" method="get></form>

 

form > fieldset 태그

• form 태그 안에 영역을 구분해 준다.
• 이 form의 자식태그 fieldset은 어느 정도 style 속성이 기본값으로 설정되어 있어서 div 태그 대신 사용하기 용이하다

 <form action="#" method="get">
      <fieldset>여기는 form 태그 내 쓸 수 있는 fieldset 태그영역</fieldset>
    </form>

 

fieldset 태그

 

form > fieldset > legend 태그 

• fieldset 태그의 제목으로 텍스트를 설정할 수 있는 제목 태그이다

<form action="#" method="get">
      <fieldset>
        <legend>필드셋의 제목</legend>
        여기는 form 태그 내 쓸 수 있는 fieldset 태그 영역
      </fieldset>
    </form>