코드랩 레퍼런스

<button> 본문

HTML

<button>

webstoryboy 2016.05.25 01:09
<button> 태그는 클릭 할 수 있는 버튼을 설정합니다.
특징 설명
콘텐츠 카테고리 Flow content, Phrasing content, Interactive content
콘텐츠 속성 Global Attributes, Event Attributes
콘텐츠 요소 Inline Element
닫는 태그 사용
버전 HTML4
시각적 표현 -

Definition

  • <button> 태그는 클릭 할 수 있는 버튼을 설정합니다.
  • <button> 요소에는 이미지나 텍스트 버튼을 설정 할 수 있습니다.
  • <button> 요소에는 type을 설정합니다.

Property

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

Compatibility

크롬 아이콘 파이어폭스 아이콘 사파리 아이콘 오페라 아이콘 안드로이드 아이콘 ios 아이콘 익스플로러6 아이콘 6 익스플로러7 아이콘 7 익스플로러8 아이콘 8 익스플로러9 아이콘 9 익스플로러10 아이콘 10 익스플로러11 아이콘 11 엣지 아이콘
button
autofocus
disabled
form
formaction
formenctype
formmethod
formnovalidate
formtarget
name
type
value

Ad

Comments
댓글쓰기 폼