<양식>


HTML <form> 태그

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<form action="demo-form.php">
First name: <input type="text" name="FirstName" value="Mickey"><br>
Last name: <input type="text" name="LastName" value="Mouse"><br>
<input type="submit" value="提交">
</form>

<p>点击"提交"按钮,表单数据将被发送到服务器上的“demo-form.php”。</p>

</body>
</html>

인스턴스 실행 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요


브라우저 지원

1000.png

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


태그 정의 및 사용 지침

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

<form> 요소에는 다음 양식 요소 중 하나 이상이 포함됩니다.

  • <input>

  • <textarea>

  • <button>

  • < ;select& gt; ㅋㅋㅋ 1 HTML5와 HTML5의 차이점

  • HTML5 새로운 두 가지 새로운 속성: autocomplete 및 novalidate. HTML 4.01의 일부 속성은 더 이상 지원되지 않습니다.
  • HTML과 XHTML의 차이점
  • XHTML에서는 이름 속성이 더 이상 사용되지 않습니다. 대신 전역 ID 속성을 사용하세요.

  • Attributes
  • New
  • : HTML5의 새로운 속성.
속성

설명


accept


MIME_type

HTML5 지원되지 않습니다. 서버가 수신한 파일 형식을 지정합니다. (파일 업로드를 통해 파일 제출)

accept-charset서버가 처리할 수 있는 폼 데이터 문자 집합을 지정합니다. actionautocomplete PostnametextnovalidateNew이 속성을 사용하면 양식을 제출할 때 유효성 검사가 수행되지 않습니다. target_blank
character_set
URL양식이 제출될 때 양식 데이터를 보낼 위치를 지정합니다.
Newonoff은 양식의 자동 완성 기능을 활성화할지 여부를 지정합니다.
enctypeapplication/x-www-form-urlencoded 멀티파트/폼 데이터 text/plain은 양식 데이터를 서버로 보내기 전에 인코딩하는 방법을 지정합니다. (method="post"에 적용 가능)
methodget
는 양식 데이터를 보내는 데 사용되는 HTTP 메서드를 지정합니다.


양식의 이름을 지정합니다.
novalidate
_self _parent _top은 작업 URL을 열 위치를 지정합니다.


전역 속성

<form> 태그는 HTML 전역 속성을 지원합니다.


이벤트 속성

<form> 태그는 HTML 이벤트 속성을 지원합니다.


Examples

사용해 보기 - 예

체크박스가 있는 양식
이 양식에는 두 개의 체크박스와 제출 버튼이 포함되어 있습니다.

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<form action="demo-form.php" method="get">
  <input type="checkbox" name="vehicle" value="Bike"> I have a bike<br>
  <input type="checkbox" name="vehicle" value="Car" checked="checked"> I have a car<br>
  <input type="submit" value="提交">
</form>

</body>
</html>

인스턴스 실행 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요.

라디오 버튼이 있는 양식
이 양식에는 두 개의 라디오 버튼과 제출 버튼이 포함되어 있습니다.

Example

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<form action="demo-form.php" method="get">
  <input type="radio" name="sex" value="Male"> Male<br>
  <input type="radio" name="sex" value="Female" checked="checked"> Female<br>
  <input type="submit" value="提交">
</form>

</body>
</html>

예제 실행 »

온라인 예제를 보려면 "예제 실행" 버튼을 클릭하세요


관련 기사

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

HTML DOM 참조 매뉴얼: 양식 개체