<button>

<button> 태그는 클릭 할 수 있는 버튼을 정의할 때 사용합니다.

---

<button>

<button> 태그는 클릭 할 수 있는 버튼을 정의할 때 사용합니다.

특징	설명
요소	인라인 요소(Inline Element)
닫는 태그	적용(<button> ~ </buttonx>)
버전	HTML4
시각적 표현	기본적 버튼 디자인(브라우저마다 다름)
사용성	★★★★☆

정의(Definition)

• <button> 태그는 클릭 할 수 있는 버튼을 정의할 때 사용합니다.
• <button> 태그는 데이터를 전송하기 위한 버튼이라면 type 속성을 설정해야합니다.
• <button> 태그는 CSS를 통해 버튼 디자인 작업을 할 수 있습니다.

속성(Property)

속성	값(예)	설명	버전
autofocus	autofocus	페이지가 로드한 후 자동으로 포커스를 설정합니다.
disabled	disabled	버튼을 비활성화 합니다.	-
form	form="form-id"	form의 아이디를 설정합니다.
formaction	formaction="URL"	폼 양식을 설정합니다. type="submit"와 같이 사용합니다.
formenctype	formenctype="text/plain"	폼 타입을 설정합니다. type="submit"와 같이 사용합니다.
formmethod	formmethod="post"	폼 메서드 방법(get/post)을 설정합니다. type="submit"와 같이 사용합니다.
formnovalidate	formnovalidate	폼 양식을 검증하지 않도록 설정합니다. type="submit"와 같이 사용합니다.
formtarget	_blank _self _parent _top	폼 타겟을 새로운 브라우저 창으로 설정합니다. 폼 타겟을 현재 브라우저의 부모 브라우저 창으로 설정합니다. 폼 타겟을 현재와 동일한 브라우저 창으로 설정합니다. 폼 타겟을 최상위 브라우저 창에서 설정합니다.
name	name="text"	버튼의 이름을 설정합니다.	-
type	button reset submit	버튼의 유형을 button으로 설정합니다. 버튼의 유형을 reset으로 설정합니다. 버튼의 유형을 submit으로 설정합니다.	-
value	value="text"	버튼의 속성 값을 설정합니다.	-

호환성(Compatibility)

						6	7	8	9	10	11
<button>	○	○	○	○	○	○	○	○	○	○	○	○	○	○
autofocus	○	○	○	○	○	❌	❌	❌	❌	○	○	○	○	○
disabled	○	○	○	○	○	○	○	○	○	○	○	○	○	○
form	○	○	○	○	○	❌	❌	❌	❌	❌	❌	○	○	○
formaction	○	○	○	○	○	❌	❌	❌	❌	❌	○	○	❌	❌
formenctype	○	○	○	○	○	❌	❌	❌	❌	❌	○	○	❌	❌
formmethod	○	○	○	○	○	❌	❌	❌	❌	❌	○	○	❌	❌
formnovalidate	○	○	○	○	○	○	○	○	○	○	○	○	○	○
formtarget	○	○	○	○	○	○	○	○	○	○	○	○	○	○
name	○	○	○	○	○	○	○	○	○	○	○	○	○	○
type	○	○	○	○	○	○	○	○	○	○	○	○	○	○
value	○	○	○	○	○	○	○	○	○	○	○	○	○	○

참고 사이트(Reference)

• MDN
• W3C

---