form을 작성한 후 form데이터를 전송하는 버튼으로 익숙한 button태그를 사용하고 싶어
두 태그의 차이가 무엇인지 알아보게 되었습니다.
button태그
button태그의 type 속성값들은 input 태그의 type 속성값들과 겹칩니다.
button 태그의 type
button태그의 type 속성값은 submit,reset,button이 있습니다.
submit은 폼을 제출하는 이벤트를 발생시킵니다. 기본 값입니다.
reset은 폼안에 작성된 내용을 초기화시킵니다.
button은 자체로는 아무 이벤트가 없고 click이벤트와 연결시켜서 자바스크립트를 활용합니다.
이처럼 button태그도 기본적으로 submit을 가지고 있어 폼에서 활용할 수 있는 태그입니다.
button 태그를 사용할 때 장점
input태그에 비해 디자인하기에 용이합니다. 예를 들어 button태그 사이에 img태그를 사용하여 배경으로 이미지를 넣을 수 있습니다. 버튼의 텍스트를 나눠서 커스텀하고싶다고 할 때에도 button태그를 사용해야합니다.
