정의 및 사용
<button> 태그는 클릭 버튼을 정의합니다.
내부 <button> 요소는 텍스트 나 이미지와 같은 내용을 넣을 수 있습니다. 이것은로 만든이 요소와 버튼 사이의 차이 <input> 요소입니다.
팁 : 항상 지정 type A의 속성 <button> 요소를.다른 브라우저는 서로 다른 기본 유형을 사용 <button> 요소입니다.
브라우저 지원
요소 | |||||
---|---|---|---|---|---|
<button> | 예 | 예 | 예 | 예 | 예 |
팁과주의 사항
참고 : 사용하는 경우 <button> HTML 양식의 요소를, 다른 브라우저는 서로 다른 값을 제출할 수 있습니다.사용 <input> HTML 양식에 버튼을 만들 수 있습니다.
팁 : 우리의 방문 CSS 버튼 자습서를 CSS로 버튼 스타일을하는 방법을 찾을 수 있습니다.
HTML 4.01과 HTML5의 차이점
: HTML5에는 다음과 같은 새로운 속성이 autofocus, form, formaction, formenctype, formmethod, formnovalidate 및 formtarget .
속성
= 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 설정
없음.