<form>

용어

form: 서식, 유형

정의 및 사용

<form>요소는 사용자와 정보교환을 가능하게 하는 입력양식을 만들 때 사용하며 클라이언트와 서버간의 의사소통을 하는 데 중요한 역할을 한다. 입력양식이란 방명록이나 게시판, 설문조사, 회원등록 폼 등을 말하는데, 입력양식의 처음과 끝에는 반드시 form 요소가 들어가게 된다.

<form> 요소는 아래의 하위요소들을 포함할 수 있다.

  • input
  • textarea
  • button
  • select
  • option
  • optgroup
  • fieldset
  • label

브라우저 지원

IE6 지원IE7 지원IE8 지원IE9 지원IE10 지원Chrome 지원Firefox 지원Opera 지원Safari 지원

모든 주요 브라우저에서 지원

접근성 이슈

  • form 요소들은 자바스크립트 도움 없이도 submit 기능이 구현되도록 하는 것이 좋다.
  • action 속성은 필수 속성이었지만 HTML5에서는 생략 가능하다.

구문

속성 값 설명
속성 설명
accept MIME_type HTML5 미지원 서버에 접근하는 파일 종류를 지정한다.
accept-charset character_set 서버가 처리할 수 있는 양식 데이터를 캐릭터셋으로 지정한다.
action URL 입력된 데이터(속성)가 전송될 페이지를 지정한다.
entype entapplication/x-www-form-urlencoded
multipart/form-data
text/plainype
post 방식일 때 양식데이터가 서버로 보내지기 전에 인코딩되어야 하는 방법을 지정한다.
method get
post
입력 데이터가 처리될 방식을 지정해 주며 get과 post 두 가지 값이 있다. get값이 default이며 브라우저 주소 표시줄에 작성된 내용을 볼 수 있도록 지정. 일반적인 검색 및 카운터 이용 시 주로 사용되며 보안적으로 약하다. post값은 입력된 내용을 사용자가 볼 수 없도록 숨겨서 전달(내부 url). DB화 될 경우 많이 사용되며 보안에 강하다.
name text 전송 될 데이터의 이름을 지정한다.(해당 입력 양식이 어느 form에서 만들어졌는지 식별하기 위함)
target _blank
_self
_parent
_top
form이 전송될 페이지로 이동할 때의 페이지 이동방식을 정한다. 새 창, 프레임, 현재 창, 부모 창 등
autocompletenew on
off
폼의 자동완성 기능을 지정할 수 있다.
novalidatenew novalidate 폼을 전송할 때 유효성에 대해 체크하지 않는다고 지정할 수 있다.

예제

목록 으로

댓글