티스토리 뷰

기술(Tech, IT)/웹(Web)

[Web] 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: 필수 태그로 지정
반응형

'기술(Tech, IT) > 웹(Web)' 카테고리의 다른 글

[Web] Django - 2  (6) 2024.11.08
[Web] {{ form.as_p }}  (1) 2024.11.07
[Web] Django - 1  (0) 2024.11.07
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2025/01   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함
반응형