[ HTML&CSS ] [기초]Form 태그 이해
작성일 20-05-19 14:48
페이지 정보
작성자IPFT 조회 244회 댓글 0건본문
나는 기초는 다 알아 !! 하시는 왕 초보 개발자 분들
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에 표시됩니다.
)
댓글목록
등록된 댓글이 없습니다.