최신 웹 개발 튜토리얼
 

HTML <form> Tag


두 개의 입력 필드와 하나의 버튼을 제출 가진 HTML 양식 :

<form action="demo_form.asp" method="get">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <input type="submit" value="Submit">
</form>
»그것을 자신을 시도

자세한 내용은 아래 예 "자신을보십시오."


정의 및 사용

<form> 태그는 사용자 입력을위한 HTML 양식을 작성하는 데 사용됩니다.

<form> 엘리먼트는 다음과 같은 형태의 하나 이상의 요소를 포함 할 수있다 :


브라우저 지원

요소
<form>

HTML 4.01과 HTML5의 차이점

HTML5는 두 개의 새로운 속성을 추가했습니다 : autocompletenovalidate 하고, removed accept 속성을.


HTML 및 XHTML의 차이점

XHTML에서 name 속성은 사용되지 않습니다. 대신 글로벌 id 속성을 사용합니다.


속성

= HTML5의 새로운 기능.

속성 기술
accept file_type HTML5에서 지원되지 않습니다.
서버가 허용되는 파일 형식의 목록을 쉼표로 구분하여 (즉,이 파일 업로드를 통해 제출 할 수있다)을 지정합니다
accept-charset character_set 있는 문자 인코딩은 양식 제출에 사용되는 지정
action URL 양식이 제출 될 때 양식 데이터를 보낼 위치를 지정합니다
autocomplete on
off
한 형태 또는 해제 자동 완성을할지 여부를 지정합니다
enctype application/x-www-form-urlencoded
multipart/form-data
text/plain
양식 데이터가 서버에 제출하는 경우 (단에 인코딩 할 방법을 지정 method="post" )
method get
post
폼 데이터를 송신 할 때 사용하는 HTTP 메소드를 지정
name text 폼의 이름을 지정합니다
novalidate novalidate 제출시 양식이 검증되지 않도록 지정
target _blank
_self
_parent
_top
양식을 제출 한 후 수신 된 응답을 어디에 표시 지정

글로벌 속성

<form> 태그도 지원 글로벌은 HTML의 속성 .


이벤트 속성

<form> 태그도 지원 이벤트는 HTML의 속성 .


그것을 자신을 시도 - 예를

체크 박스와 양식
이 체크 박스와 양식 및 제출 버튼을 누릅니다.

라디오 버튼과 양식
두 개의 라디오 버튼과 양식 및 제출 버튼을 누릅니다.


관련 페이지

HTML 튜토리얼 : HTML 양식 및 입력

HTML DOM 참조 : 양식 개체

CSS 자습서 : 스타일링 양식


기본 CSS 설정

대부분의 브라우저는 표시됩니다 <form> 다음과 같은 기본 값으로 요소를 :

form {
    display: block;
    margin-top: 0em;
}
»그것을 자신을 시도