본문 바로가기

Programming/HTML

DAY 80. HTML - 폼 관련 태그

폼 관련 태그

<form></form>

사용자가 입력한 data를 보내는 방식과 처리할 프로그램을 정하는 태그

 

<속성>

  • method
    1. get = URL 창에 데이터를 보내는 방식, data 크기에 제한이 있음(256~4096byte), data를 볼 수 있다.
    2. post = http request에 data를 보내는 방식, data 크기에 제한이 없음, data를 볼 수 없다. (보안 상의 이유로 pwd 같은 것은 post로 보낸다)
  • name : <form> 태그의 고유 이름을 지정한다. <form>을 구분하기 위해 사용한다.
  • action : 데이터를 처리 할 프로그램(페이지)를 지정한다.
  • target : action 속성의 프로그램(페이지)를 어떻게 열지 지정한다.
  • autuocomplete : 이전 입력내용을 출력하는 기능이다. 생략하면 자동으로 출력한다. (default : on) EX. 이전에 입력한 아이디 자동 입력 표시

 

<fieldset></fieldset>, <legend></legend>

폼 요소를 그룹으로 묶고, 묶은 폼 요소에 명칭을 붙이는 태그

 

<속성>

  • name : fieldset의 이름을 지정한다.
  • form : fieldset이 속한 form의 이름을 지정한다.

 

✨<input>

사용자로부터 data를 입력받기 위한 태그

 

⭐input - type의 기본 속성