인프런 커뮤니티 질문&답변
작성한 질문수
<input type="button"> 과 <button>차이
22.08.10 00:59 작성
·
369
1
안녕하세요. 강의 잘 보고 있습니다.
헷갈리는게 있어서 질문드려요.
그동안 버튼을 만들때는
<input type="button" value="버튼">
이었는데, 이번 강의에서는 조금 다르게
<button>버튼</button>이더라구요.
혹시 둘이 차이가 무엇인지, 어느것을 더 자주 쓰는지
알 수 있을까요??
답변 1
1
유노코딩
지식공유자
2022. 08. 10. 11:04
안녕하세요.
둘은 같은 역할(버튼 만들기)을 하는 태그이고, 특별한 차이는 없으니 편한 것을 사용하시면 됩니다.
다만 각 태그의 명세서를 살펴보면 button 태그가 좀 더 선호된다고 쓰여 있기도 합니다.
button 태그가 input 태그보다 비교적 최근에 등장한 태그여서 작지만 성능 면에서 더 나을 수 있고요.
input과 달리 button은 닫는 태그가 있기 때문에 하위 요소를 추가할 수 있다는 차이도 있습니다.
감사합니다^^