<양식>
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>
인스턴스 실행 »
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
브라우저 지원
모든 주요 브라우저는 <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 지원되지 않습니다. 서버가 수신한 파일 형식을 지정합니다. (파일 업로드를 통해 파일 제출)
character_set | 서버가 처리할 수 있는 폼 데이터 문자 집합을 지정합니다. | |
---|---|---|
action | URL | 양식이 제출될 때 양식 데이터를 보낼 위치를 지정합니다. |
New | onoff | 은 양식의 자동 완성 기능을 활성화할지 여부를 지정합니다. |
enctype | application/x-www-form-urlencoded 멀티파트/폼 데이터 text/plain | 은 양식 데이터를 서버로 보내기 전에 인코딩하는 방법을 지정합니다. (method="post"에 적용 가능) |
methodget | Post는 양식 데이터를 보내는 데 사용되는 HTTP 메서드를 지정합니다. | |
text | 양식의 이름을 지정합니다. | |
novalidate | 이 속성을 사용하면 양식을 제출할 때 유효성 검사가 수행되지 않습니다. ||
_blank | _self _parent _top | 은 작업 URL을 열 위치를 지정합니다. |
전역 속성<form> 태그는 HTML 전역 속성을 지원합니다. 이벤트 속성<form> 태그는 HTML 이벤트 속성을 지원합니다. 사용해 보기 - 예체크박스가 있는 양식 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 참조 매뉴얼: 양식 개체 |