HTML의 <form> 태그에는 데이터를 서버로 제출하는 역할을 하는 submit 버튼이 필요합니다. 이 때, <form> 태그 내부에 submit 버튼을 생성할 수 있는 방법으로 <button> 태그와 <input> 태그를 모두 사용할 수 있습니다. 하지만 일반적으로 <button> 태그를 사용하는 것이 더 적절합니다. 그 이유는 다음과 같습니다.
유연성:
<button>태그는 텍스트, 이미지, 아이콘 등 다양한 형태의 컨텐츠를 포함할 수 있습니다. 반면에<input>태그는 value 속성을 사용하여 텍스트나 이미지를 추가할 수 있지만, 제한적인 형태로 제한됩니다.접근성:
<button>태그는 키보드로 포커스를 이동할 수 있습니다. 이는 키보드 사용이 어려운 사람들도 웹 페이지를 사용할 수 있도록 돕는 접근성 측면에서 중요합니다.사용성:
<button>태그는 클릭 이벤트 외에도 다양한 이벤트를 처리할 수 있습니다. 예를 들어, 마우스를 클릭하지 않고도 포커스를 주고 Enter 키를 누름으로써도 버튼을 활성화할 수 있습니다.
따라서, <form> 태그 내부의 submit 버튼을 만들 때는 <button> 태그를 사용하는 것이 좋습니다.
프론트엔드 개발 기록장