버튼 태그는 폼 밖에서도 사용할 수 있습니다
HTML의 <button> 태그는 문서 본문(body) 어디에서나 유효하게 사용할 수 있습니다. 다만, 텍스트 수준(text-level) 마크업이 허용되는 위치에서만 사용이 가능하다는 점에 유의해야 합니다.
<input> 버튼과 <button> 태그의 차이
HTML에서 <input type="button" />은 주로 HTML 폼(form) 안에서 버튼을 만들 때 사용됩니다. 반면 <button> 태그 내부에는 텍스트나 이미지 같은 콘텐츠를 자유롭게 넣을 수 있지만, <input> 태그로 생성한 버튼에는 이러한 콘텐츠를 포함할 수 없습니다.
폼 외부에서의 기본 동작
폼 바깥에서 <button> 요소를 사용하면 기본적으로 type="button"으로 처리됩니다. 정적인 HTML 콘텐츠 대신 자바스크립트(JavaScript)로 버튼을 생성하는 방법도 고려해볼 만합니다. 스크립트가 비활성화된 환경에서는 아무 기능 없는 불필요한 버튼이 화면에 노출되어 혼란을 줄 수 있기 때문입니다.
두 방식의 등가성
<input type="button">은 <button type="button"> 요소와 기능적으로 동일합니다. 차이점이라면, 전자는 자체 콘텐츠가 없고 value 속성으로 버튼 텍스트를 지정하는 반면, 후자는 태그 안에 직접 콘텐츠를 담을 수 있다는 점입니다.