Latest web development tutorials

HTML <버튼> 태그

버튼을 표시하는 다음 코드 :

<button type="button">点我!</button>

»시도

브라우저 지원

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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


태그 정의 및 지침

<버튼> 태그는 버튼을 정의합니다.

<버튼>에서 요소 내에, 당신은 텍스트 또는 이미지로, 콘텐츠를 배치 할 수 있습니다. 이 사이의 버튼을 만들 수있는 요소 및 사용 <입력> 요소의 차이입니다.

팁 : 항상 <버튼> 요소는 type 속성을 지정합니다.다른 브라우저 유형 속성 <버튼> 요소에 대해 다른 기본값을 사용합니다.


팁과주의 사항

주 : HTML 형식으로 <버튼> 요소를 사용하는 경우, 다른 브라우저는 서로 다른 버튼 값을 제출할 수 있습니다.사용하시기 바랍니다 <입력> HTML 양식에서 만들기 버튼을 클릭합니다.


HTML 4.01과 HTML5의 차이점

HTML5의 새로운 특성 : 자동 초점, 양식, formaction, formenctype, formmethod, formnovalidate 및 formtarget.


재산

새로운 기능 : HTML5 새 속성.

属性 描述
autofocus New autofocus 规定当页面加载时按钮应当自动地获得焦点。
disabled disabled 规定应该禁用该按钮。
form New form_id 规定按钮属于一个或多个表单。
formaction New URL 规定当提交表单时向何处发送表单数据。覆盖 form 元素的 action 属性。该属性与 type="submit" 配合使用。
formenctype New application/x-www-form-urlencoded
multipart/form-data
text/plain
规定在向服务器发送表单数据之前如何对其进行编码。覆盖 form 元素的 enctype 属性。该属性与 type="submit" 配合使用。
formmethod New get
post
规定用于发送表单数据的 HTTP 方法。覆盖 form 元素的 method 属性。该属性与 type="submit" 配合使用。
formnovalidate New formnovalidate 如果使用该属性,则提交表单时不进行验证。覆盖 form 元素的 novalidate 属性。该属性与 type="submit" 配合使用。
formtarget New _blank
_self
_parent
_top
framename
规定在何处打开 action URL。覆盖 form 元素的 target 属性。该属性与 type="submit" 配合使用。
name name 规定按钮的名称。
type button
reset
submit 
规定按钮的类型。
value text 规定按钮的初始值。可由脚本进行修改。


전역 속성

<버튼> 태그를 지원 HTML을 글로벌 속성을 .


이벤트 등록

<버튼> 태그를 지원하는 HTML 이벤트 속성을 .


관련 기사

HTML DOM 참조 설명서 : 버튼 객체