코드랩 레퍼런스
<button> 본문
<button> 태그는 클릭 할 수 있는 버튼을 설정합니다.
| 특징 | 설명 |
|---|---|
| 콘텐츠 카테고리 | Flow content, Phrasing content, Interactive content |
| 콘텐츠 속성 | Global Attributes, Event Attributes |
| 콘텐츠 요소 | Inline Element |
| 닫는 태그 | 사용 |
| 버전 | HTML4 |
| 시각적 표현 | - |
Definition
- <button> 태그는 클릭 할 수 있는 버튼을 설정합니다.
- <button> 요소에는 이미지나 텍스트 버튼을 설정 할 수 있습니다.
- <button> 요소에는 type을 설정합니다.
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 |
Ad
Comments