기술(Tech, IT)/HTML

[HTML] form 태그

Daniel803 2023. 7. 28. 07:38

: 사용자 의견이나 정보를 알기 위해 입력할 큰 틀을 만들 때 사용. 전송한 데이터는 웹 서버가 처리하고, 결과에 따른 또 다른 웹 페이지를 보여준다.

  • form 웹 페이지 방문
    -> form 내용 입력
    -> form의 데이터를 웹 서버로 전송
    -> 웹 서버는 데이터 처리를 위해 웹 프로그램으로 전송
    -> 웹 프로그램이 데이터 처리
    -> 처리 결과에 따른 새로운 html을 웹 서버로 전송
    -> 웹 서버는 받은 html 페이지를 브라우저로 전송
    -> 브라우저는 받은 html을 보여줌
  • action: form을 전송할 서버 쪽 script 파일 지정
  • name: 식별을 위한 이름 지정
  • accept-charset: form 전송에 사용할 문자 인코딩 지정
  • target: action에서 지정한 script 파일을 현재 창이 아닌 다른 위치에 열도록 지정
  • method: form을 서버에 전송할 http 메소드 지정(GET, POST)
    - GET: form 데이터 전송 시 url 끝에 붙여 눈에 보이게 전송
    - POST: 보이지 않게 내부적으로 전송
  • <fieldset> 태그: form 태그 안에서 그룹화 가능
    - <legend> 태그를 사용해 이름 지정 가능
  • <input>: user가 다양하게 입력할 수 있는 공간 생성
    - type: text, radio, checkbox
    - name
    - maxlength
    - required: 필수 태그로 지정