<button>
과 <input type="button">
의 차이점🙆 정답은
디자인 활용도상의 차이!!! (라고 볼 수 있다)
<input type="button">
👉 CSS를 통한 디자인은 가능하나 <button>
에 비해 디자인적인 제약이 있다.
<button>
👉 텍스트 뿐만 아니라 이미지, gif 요소를 자식으로 포함할 수 있다.
👉 디자인의 폭이 넓다.
👉 submit 기능이 기본적으로 들어있다. 따라서 submit 하고 싶지 않다면 attribute인 type="button"
을 적어줘야 한다.
📌 <button>
의 Attribute 값
type="submit"
: 서버 전송type="reset"
: 내용 초기화type="button"
: "button" 기능 구현에 사용, 자바스크립트 이벤트 실행 목적