최신 웹 개발 튜토리얼
 

HTML <button> Tag


다음과 같이 클릭 버튼은 마크 업 :

<button type="button">Click Me!</button>
»그것을 자신을 시도

정의 및 사용

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

내부 <button> 요소는 텍스트 나 이미지와 같은 내용을 넣을 수 있습니다. 이것은로 만든이 요소와 버튼 사이의 차이 <input> 요소입니다.

팁 : 항상 지정 type A의 속성 <button> 요소를.다른 브라우저는 서로 다른 기본 유형을 사용 <button> 요소입니다.


브라우저 지원

요소
<button>

팁과주의 사항

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

팁 : 우리의 방문 CSS 버튼 자습서를 CSS로 버튼 스타일을하는 방법을 찾을 수 있습니다.


HTML 4.01과 HTML5의 차이점

: HTML5에는 다음과 같은 새로운 속성이 autofocus, form, formaction, formenctype, formmethod, formnovalidateformtarget .


속성

= HTML5의 새로운 기능.

속성 기술
autofocus autofocus 버튼이 자동으로 얻을 때 페이지가로드를 집중해야 함을 지정합니다
disabled disabled 버튼이 비활성화되도록 지정
form form_id 버튼에 속하는 하나 이상의 형태를 지정
formaction URL 양식이 제출 될 때 양식 데이터를 보낼 위치를 지정합니다. 만에 대한 type="submit"
formenctype application/x-www-form-urlencoded
multipart/form-data
text/plain
폼 데이터를 서버로 전송하기 전에 인코딩되어야 하는지를 지정한다. 만에 대한 type="submit"
formmethod get
post
양식 데이터를 (어떤 HTTP 방법을 사용하는) 보내는 방법을 지정합니다. 만에 대한 type="submit"
formnovalidate formnovalidate 양식 데이터는 제출에 검증되지 않도록 지정합니다. 만에 대한 type="submit"
formtarget _blank
_self
_parent
_top
framename
여기서 양식을 제출 한 후 응답을 표시하는 방법을 지정합니다. 만에 대한 type="submit"
name name 버튼의 이름을 지정합니다
type button
reset
submit
버튼의 종류를 지정
value text 버튼에 대한 초기 값을 지정

글로벌 속성

<button> 태그도 지원 글로벌은 HTML의 속성 .


이벤트 속성

<button> 태그도 지원 이벤트는 HTML의 속성 .


관련 페이지

HTML DOM 참조 : 버튼 개체

CSS 자습서 : 스타일링 버튼


기본 CSS 설정

없음.