HTML 참조 설명서

HTML 태그 전체 목록

HTML: <form> 태그

HTML <form> 태그는 사용자 입력을 위한 상호작용 컨트롤을 포함한 웹 페이지에서 표单을 생성하며, 웹 서버에 정보를 제출하는 데 사용됩니다. 이 태그는 보통 <form> 요소로도 불립니다.

온라인 예제

두 개의 입력 필드와提交 버튼을 포함한 HTML 표单:

예제

!doctype　html>
<html>
<head>
<meta　charset="UTF-8">
<title>HTML5　footer 태그 사용(기본 지침 웹 oldtoolbag.com)</title>
</head>
<body>
<h1>oldtoolbag.com기본 지침</h1>
<form　action="demo-form.php"　method="post">
　　회사:　<input　type="text"　name="company"><br>
　　주소:　<input　type="text"　name="address"><br>
　　<input　type="submit"　value="Submit">
</form>
</body>
</html>

테스트를 보고 보세요 ‹/›

이 HTML5문서 예제에서는 <form> 태그를 사용하여 HTML 양식을 생성했습니다. 이 양식에는 회사와 주소를 입력할 수 있는 두 개의 <input> 컨트롤과提交 버튼이 포함되어 있습니다.

실행 후 결과는 다음과 같습니다：

브라우저 상호 운용성

IEFirefoxOperaChromeSafari

모든 주요 브라우저가 <form> 태그를 지원합니다.

태그 사용 주의사항

autocomplete을 off로 설정한 경우 현재 문서가 독특한 자동 완성을 제공하는 경우 이 양식의 각 input 요소의 autocomplete도 off로 설정하여 문서가 자동 완성을 처리할 수 있도록 해야 합니다.

태그 정의 및 사용 설명

<form> 태그는 사용자가 입력할 수 있는 HTML 양식을 생성합니다.

<form> 요소는 다음과 같은 양식 요소를 포함할 수 있습니다：

HTML 4.01 와 HTML5의 차이점

HTML5 두 가지 새로운 속성을 추가했습니다：autocomplete와 novalidate，그리고 더 이상 HTML을 지원하지 않습니다. 4.01 속성

HTML과 XHTML의 차이점

XHTML에서 name 속성은 폐지되었습니다. 대신 전역 id 속성을 사용합니다.

속성

New ：HTML5 속성

속성	값	설명
accept	MIME_type	HTML5 지원하지 않습니다. 서버에 수신된 파일의 타입을 정의합니다。（파일은 파일 업로드를 통해 제출됩니다）
accept-charset	character_set	서버가 처리할 수 있는 양식 데이터 문자 집합을 정의합니다.
action	URL	양식을 제출할 때 양식 데이터를 어디로 보내야 하는지 정의합니다.
autocompleteHTML5	on off	양식의 자동 완성 기능을 활성화할지 여부를 정의합니다.
enctype	application/x-www-form-urlencoded multipart/form-data text/plain	양식 데이터를 서버로 전송하기 전에 어떻게 인코딩할지 정의합니다。（method="post"의 경우 적용됩니다）
method	get 　post	양식 데이터를 전송할 때 사용할 HTTP 메서드를 정의합니다.
name	text	양식의 이름을 정의합니다.
novalidateHTML5	novalidate	이 속성을 사용하면, 양식을 제출할 때 유효성 검사를 수행하지 않습니다.
target	_blank 　_self 　_parent 　_top	action URL을どこ에서 열는지 지정합니다.

전역 속성

<form> 태그가 지원 HTML의 전역 속성。

이벤트 속성

<form> 태그가 지원 HTML 이벤트 속성。

온라인 예제를 시도해 보세요

싱글 체크박스(Radio buttons)
이 예제에서는 HTML에서 싱글 체크박스를 만드는 방법을 보여줍니다.

체크박스(Checkboxes)
이 예제에서는 HTML 페이지에서 체크박스를 만드는 방법을 보여줍니다. 사용자는 체크박스를 선택하거나 선택을 취소할 수 있습니다.

간단한 드롭다운 목록
이 예제에서는 HTML 페이지에서 간단한 드롭다운 박스를 만드는 방법을 보여줍니다. 드롭다운 박스는 선택 목록입니다.

예약된 드롭다운 목록
이 예제에서는 간단한 예약된 값이 있는 드롭다운 목록을 만드는 방법을 보여줍니다.

텍스트 필드(Textarea)
이 예제에서는 텍스트 필드(다중 행 텍스트 입력 컨트롤)를 만드는 방법을 보여줍니다. 사용자는 텍스트 필드에 텍스트를 입력할 수 있습니다. 입력할 수 있는 문자 수는 제한이 없습니다.

버튼 만들기
이 예제에서는 버튼을 만드는 방법을 보여줍니다. 버튼에 텍스트를 사용자 정의할 수 있습니다.