[HTML5] 12. 웹폼

12. 웹폼

 웹폼 요소는 다양한 데이터를 사용자로부터 입력받을 때 사용하는 것이다.
 
- <form>: 폼 태그 내에서는 입력요소인 <input>, <select>, <textarea>, <fieldset>, <legend>, <label> 등의 태그가 사용된다.
- <form> 태그의 속성들
  . action="URL": 폼 데이터를 전달받아 처리할 페이지 주소
  . method="전송방식": HTTP 전송방식 지정
    method 속성의 전송방식은 get 방식과 post 방식이 있다.

    참고: https://www.nextree.co.kr/p8428/
    . get 전송방식
      - URL에 포함되어 전송
  - 최대 2048 글자
  - 보안이 중요하지 않은 데이터
  - 이전페이지 버튼 가능
    . post 전송방식
      - 헤더에 포함되어 전송
  - 데이터 길이 제한 없음
  - 보안이 필요한 데이터
  - 이전 페이지 버튼 -> 데이터를 다시 보내야 한다는 경고 표시
    . http 요청 메시지 구조
      라인, 헤더, 바디로 구성되어 있음.
     참고: https://developer.mozilla.org/ko/docs/Web/HTTP/Messages
  . name="이름": 폼의 이름
  . accept-charset="인코딩": 폼 제출을 위한 문자 인코딩 방식
  . autocomplete="on|off": 자동완성기능의 사용여부
  . entype="인코딩": "method=post"일때, 서버로 제출 시 폼 데이터의 인코딩 방식
  . novalidate: 폼 제출 시 폼 데이터의 유효성을 검사하지 않음
  . rel: 현재 문서와 링크된 문서의 관계, external, help, license, next, nofollow, noopener, noreferrer, opener, prev, search
  . taget="창": 결과를 보여 줄 창, _blank, _self, _parent, _top, 프레임명

 

#HTML5 #HTML #태그 #tag #form태그 #form #http전송방식 #post #get # http요청메시지구조

 

참고:

- HTML Form Tag: https://poiemaweb.com/html5-tag-forms

HTML5 Tag - Forms | PoiemaWeb

 

세상을 링크하라!!! 모든 링크를 한 자리에...
링크닷컴: https://linkdotcom.mycafe24.com/

유용한 링크, 링크닷컴 #무료 #링크사이트 #링크사이트