[기초]Form 태그 이해 > 학습

나는 기초는 다 알아 !! 하시는 왕 초보 개발자 분들

form 태그도 알고 가면 좋아요 !! 

form 태그의 기본은 아래 코드 처럼 되어있습니다.

<form action="link" method="get/post">

</form>

form 태그 속성을 알아보면

1. accept-charset : 인코딩 지정

  ex) accept-charset="utf-8"

2. action : submit 클릭 이벤트 이후에 이동할 url 을 지정 합니다.

  ex) action =" ip-ft.com"

3. autocomplete : 자동양식 완성기능 활성화 여부

  ex) autocomplete = "on/off"

4. enctype : 데이터 인코딩 방법 지정 (post 전송시에만 해당됩니다.)

  ex) enctype = "application/x-www-form-urlencoded"

       ( 

         application/x-www-form-urlencoded : 전송되기전 인코딩 (공백은 + 기호로 특수문자는 ASCII HEX 값으로 변환 됩니다.

         multipart/form-data : 파일 업로드시 필수입니다.

         text/plain : 공백만 + 기호로 변환되고 특수 문자는 인코딩 되지 않습니다.

       )

5. method : 전송 방식 지정

  ex) method="get/post" 

6. name : 태그의 이름을 지정합니다.

  ex) name="ipft_from_name"

7. novalidate : 제출시 양식의 유효성을 검증하지 않도록 지정

8. rel : 링크 된 자원과 현재 문서 간의 관계를 지정

  ex) rel ="next"

       (

        external : 참조 된 문서가 현재 사이트의 일부가 아님을 지정

        help : 도움말 문서에 대한 링크

        license : 문서의 저작권 정보에 대한 링크

        next : 선택의 다음 문서

        nofollow : 유료 링크와 같이 보증되지 않은 문서에 연결합니다.

        noreferrer : 사용자가 하이퍼 링크를 따르는 경우 브라우저가 HTTP 참조 헤더를 보내지 않도록 지정합니다.

        prev : 선택 이전의 문서

        search : 문서 검색 도구에 대한 링크

       )

9. target : 응답표시 위치 지정

  ex) target="_blank"

       (

        _blank : 새창으로 지정

        _self : 같은 프레임에 표시 

        _parent : 상위 프레임에 표시

        _top : 창의 전체 본문에 표시됩니다.

        framename : iframe에 표시됩니다.

       )