HTML form

1. 기본 양식

<form attribute...></form>

2. attribute

2.1. action

<form action="「URI」"></form>

요청을 보낼 「URI」를 지정한다.

2.2. target

<form target="「Value」"></form>

응답을 받을 대상을 「Value」로 지정한다.

「Value」	설명
_blank	새 창이나 새 탭
_self	기본값. 현재 창
_parent	부모 프레임. 만약 A창에서 B 창을 열었다면, A가 B의 부모 프레임이다.
_top	최 상위 부모 프레임
framename	명시된 iframe 창

2.3. method

<form method="「방식」"></form>

요청하는 「방식」을 지정한다.

2.3.1. 방식

GET	Form data 를 URI에 추가한다. 그러니 Bookmark로 지정될 수 있다. Form data 가 URI에 표시되니 보안이 필요한 데이터는 GET 방식으로 보내선 안 된다. URI의 최대 길이는 2048자이니, 크기 제한이 있다.
POST	HTTP 본문 Body에 Form data를 추가한다. Form data가 URI에 표시되지 않는다. 그러니 Bookmark로 지정될 수 없다. 크기 제한이 없다.

2.4. autocomplete

<form autocomplete="「모드」"></form>

자동 완성 「모드」를 on 혹은 off로 지정한다.

2.5. novalidate

<form novalidate></form>

명시할 경우, 유효성을 검사하지 않는다.

2.6. accept-charset

<form accept-charset="「문자셋」"></form>

Form 안에서 사용될 「문자셋」을 지정한다.

문자 인코딩

▒ UTF8과 UTF8 BOM의 차이 겉으로 봤을 때는 차이가 없지만, HEX 코드로 보면 차이가 있다. UTF8 BOM에는 UTF8의 제일 앞부분에 BOM 코드가 추가돼있다. BOM 코드는 「\uFEFF」이다. 엑셀 프로그램에서는 UTF8

bloghelloworld.tistory.com

2.7. enctype

<form enctype="「인코딩 타입」"></form>

Form data가 인코딩될 타입을 지정한다. 이는 POST 방식에서만 적용된다.

인코딩 타입	설명
application/x-www-form-urlencoded	기본값. 전송 전에 모든 문자가 인코딩 된다. 공백은 「+」 기호로, 특수 문자는 ASCII HEX 값으로 변환된다.
multipart/form-data	파일을 업로드할 때 사용된다.
text/plain	인코딩 없이 보낸다. 추천하지 않는다.

2.8. name

<form name="「폼이름」"></form>

「폼이름」을 지정한다.

2.9. rel

<form rel="「관계」"></form>

다른 문서와의 「관계」를 지정한다. 아직은 이것이 왜 필요한 지 잘 모르겠다.

「관계」	설명
external	링크된 문서가 현재 문서와 같은 사이트 내에 있지 않음을 나타냄.
help	도움말 문서에 대한 링크를 나타냄.
license	해당 문서의 저작권 정보에 대한 링크를 나타냄.
next	연관된 문서들의 모음 중 다음 문서에 대한 링크를 나타냄.
nofollow	유료 링크와 같이 검색 엔진이나 봇(bot) 등이 추적해서는 안 됨을 나타냄.
noopener	하이퍼링크를 따라 연결되는 어떠한 브라우징 컨텍스트(browsing context)도 오프너(opener)여서는 안 됨을 나타냄.
nofeferrer	사용자가 하이퍼링크를 클릭할 때 브라우저가 HTTP 리퍼러 헤더(referer header)를 전송해서는 안 됨을 나타냄.
opener	하이퍼 링크가 보조 브라우징 컨텍스트가 아닌 최상위 브라우징 컨텍스트를 생성하는 경우 보조 브라우징 컨텍스트를 생성합니다 (즉, target 속성 값 으로 " _blank "가 있음 ).
prev	문서들 중에서 이전 문서를 나타냄.
search	해당 문서를 위한 검색 도구를 나타냄.

Hello, world!