예
두 개의 입력 필드와 하나의 버튼을 제출 가진 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는 두 개의 새로운 속성을 추가했습니다 : autocomplete 및 novalidate 하고, 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> 다음과 같은 기본 값으로 요소를 :