Html : <button>과 <input type="button">

?·2020년 10월 2일
0

What I've learned

목록 보기
17/21

<button><input type="button">의 차이점

🙆 정답은

디자인 활용도상의 차이!!! (라고 볼 수 있다)



1. <input type="button">

👉 CSS를 통한 디자인은 가능하나 <button>에 비해 디자인적인 제약이 있다.

2. <button>

👉 텍스트 뿐만 아니라 이미지, gif 요소를 자식으로 포함할 수 있다.
👉 디자인의 폭이 넓다.
👉 submit 기능이 기본적으로 들어있다. 따라서 submit 하고 싶지 않다면 attribute인 type="button"을 적어줘야 한다.

📌 <button>의 Attribute 값

  • type="submit" : 서버 전송
  • type="reset" : 내용 초기화
  • type="button" : "button" 기능 구현에 사용, 자바스크립트 이벤트 실행 목적
profile
?

0개의 댓글