<button>

정의 및 사용

<button>태그는 버튼을 만들 때 사용한다.
버튼 요소를 사용하면 글자나 이미지와 같은 컨텐츠를 넣을 수 있는데, 이것은 input요소를 사용하여 생성된 버튼과의 차이점이다. 항상 버튼의 타입 속성을 지정해야 하며, IE 브라우저의 기본 타입은 “button”, 다른 브라우저에서는 “submit”을 기본값으로 한다.

브라우저 지원

IE6 지원IE7 지원IE8 지원IE9 지원IE10 지원Chrome 지원Firefox 지원Opera 지원Safari 지원

모든 주요 브라우저에서 지원

구문

속성 값 설명
속성 설명
autofocusnew autofocus 페이지가 로딩되었을 때 키보드 포커스가 해당 button에 위치하도록 한다.
disabled disabled 버튼을 누를 수 없는 상태로 지정한다.
formnew form_id one or more forms the button belongs to
formactionnew url 폼 전송시 데이터를 어디로 보낼지 지정한다.(type=”submit”일 때만 사용)
formmethodnew get, post 폼 전송시 데이터를 어떤 방식으로 보낼지 지정한다.(type=”submit”일 때만 사용)
formnovalidatenew formnovalidate 폼 전송시 유효하지 않은 데이터를 허락할지를 지정한다.(type=”submit”일 때만 사용)
formtargetnew _blank, _self, _parent, _top, framename 전송된 후 결과를 어떻게 보여줄지 지정한다.(type=”submit”일 때만 사용)
name name 버튼 요소의 이름을 지정한다.
type button, reset, submit 버튼의 종류를 지정한다.
– submit : 보내기(default)버튼
– button : 일반버튼
– reset : 입력값을 모두 초기화로 설정하는 버튼
value text 버튼 요소의 값을 지정한다.

예제

버그 및 이슈

  • 만일 HTML form안에서 ‘button요소’를 사용한다면, IE가 아닌 다른 브라우저는 다른 값을 전송할 것이다. IE는 다른 브라우저가 속성값의 내용을 전송하는 동안, <button>과 </button>태그 사이에 텍스트를 전송한다. 따라서 HTML form 안에서 버튼을 만들기 위해서는 ‘input 요소’를 사용해야 한다.

목록 으로

댓글