인프런 커뮤니티 질문&답변

프론트론트님의 프로필 이미지
프론트론트

작성한 질문수

입문자를 위한 자바스크립트 기초 강의

addEventListener & 이벤트 객체

<input type="button"> 과 <button>차이

작성

·

375

1

안녕하세요. 강의 잘 보고 있습니다.

헷갈리는게 있어서 질문드려요.

그동안 버튼을 만들때는

<input type="button" value="버튼">

이었는데, 이번 강의에서는 조금 다르게

<button>버튼</button>이더라구요.

 

혹시 둘이 차이가 무엇인지, 어느것을 더 자주 쓰는지 

알 수 있을까요?? 

답변 1

1

유노코딩님의 프로필 이미지
유노코딩
지식공유자

안녕하세요. 

둘은 같은 역할(버튼 만들기)을 하는 태그이고, 특별한 차이는 없으니 편한 것을 사용하시면 됩니다. 

다만 각 태그의 명세서를 살펴보면 button 태그가 좀 더 선호된다고 쓰여 있기도 합니다. 

button 태그가 input 태그보다 비교적 최근에 등장한 태그여서 작지만 성능 면에서 더 나을 수 있고요.

input과 달리 button은 닫는 태그가 있기 때문에 하위 요소를 추가할 수 있다는 차이도 있습니다.

감사합니다^^

프론트론트님의 프로필 이미지
프론트론트

작성한 질문수

질문하기