개념

• 사용자가 클릭할 수 있는 버튼을 정의할 때 사용

특징

• input 태그와 달리 닫는 태그가 있어 내부에 텍스트나 이미지 등의 콘텐츠를 삽입할 수 있다. (예: 텍스트, 이미지, HTML 요소)
• type 속성으로 버튼의 동작을 제어한다. (예: submit(기본값), reset, button)

주의사항

• 브라우저 별로 기본 타입이 다를 수 있어 항상 type 속성을 명시하는 것을 권장한다.
• JS로 버튼을 비활성화 처리 하여 중복 제출을 방지해야 한다.

예시

<form action="/login" method="post">
  <input type="email" name="email" required>
  <input type="password" name="password" required>
  <button type="submit">로그인</button> <!-- 폼 데이터 제출 -->
  <button type="reset">초기화</button>  <!-- 입력값 초기화 -->
</form>