<버튼>

HTML <button> 태그

Instance

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

<button type="button" onclick="alert('你好，世界!')">点我!</button>
 
</body>
</html>

인스턴스 실행 »

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

브라우저 지원

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

라벨 정의 및 사용 지침

<button> 라벨은 버튼을 정의합니다.

<버튼> 요소 안에 텍스트나 이미지 등의 콘텐츠를 배치할 수 있습니다. 이것이 이 요소와 <input> 요소를 사용하여 생성된 버튼 간의 차이점입니다.

팁: 항상 <button> 요소에 유형 속성을 지정하세요. 브라우저마다 <button> 요소의 유형 속성에 대해 서로 다른 기본값을 사용합니다.

팁 및 메모

참고: HTML 양식에서 <button> 요소를 사용하는 경우 브라우저마다 다른 버튼 값을 제출할 수 있습니다. HTML 양식에 버튼을 만들려면 <input>을 사용하세요.

HTML 4.01과 HTML5의 차이점

HTML5의 새로운 속성: autofocus, form, formaction, formenctype, formmethod, formnovalidate 및 formtarget.

Attributes

New: HTML5의 새로운 속성.

Property	Value	Description
autofocusNew	autofocus	페이지가 로드될 때 버튼에 자동으로 초점이 맞춰지도록 지정합니다.
disabled	disabled	은 버튼이 비활성화되어야 함을 나타냅니다.
formNew	form_id	버튼이 하나 이상의 양식에 속하도록 지정합니다.
formactionNew	URL	양식이 제출될 때 양식 데이터를 보낼 위치를 지정합니다. 양식 요소의 작업 속성을 재정의합니다. 이 속성은 type="submit"과 함께 사용됩니다.
formenctypeNew	application/x-www-form-urlencoded 멀티파트/폼 데이터 text/plain	은 양식 데이터를 서버로 보내기 전에 인코딩하는 방법을 지정합니다. 양식 요소의 enctype 속성을 재정의합니다. 이 속성은 type="submit"과 함께 사용됩니다.
formmethodNew	get post	양식 데이터를 보내는 데 사용되는 HTTP 메서드를 지정합니다. 양식 요소의 메소드 속성을 재정의합니다. 이 속성은 type="submit"과 함께 사용됩니다.
formnovalidateNew	formnovalidate	이 속성을 사용하면 양식을 제출할 때 유효성 검사가 수행되지 않습니다. 양식 요소의 novalidate 속성을 재정의합니다. 이 속성은 type="submit"과 함께 사용됩니다.
formtargetNew	_blank _self _parent _top framename	은 작업 URL을 열 위치를 지정합니다. 양식 요소의 대상 속성을 재정의합니다. 이 속성은 type="submit"과 함께 사용됩니다.
name	name	버튼의 이름을 지정합니다.
유형	버튼 재설정 제출	버튼 유형을 지정합니다.
value	text	은 버튼의 초기 값을 지정합니다. 스크립트로 수정할 수 있습니다.

전역 속성

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

이벤트 속성

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