[HTML] <input type="button">, <button>, <button type="button"> 차이

개발일기·2023년 2월 19일

<button> 태그는 하위 태그들을 추가할 수 있지만(예: 이미지)
<input> 태그는 하위 태그들을 추가할 수 없다.
(예: 이미지를 추가할 때 button은 하위에 태그로 추가가 가능하지만
input은 css backgroud 속성을 사용해야 이미지 추가가 가능하다.)

input type에는 text, password, radio, select, button, submit, fieldset 등
다양한 속성이 있으며 그 외에 속성은 다음 사이트를 참조

http://www.tcpschool.com/html-tag-attrs/input-type
https://developer.mozilla.org/ko/docs/Web/HTML/Element/Input

button type에는 3가지 속성 값이 있다.

type 동작
submit 폼 전송. 기본값(type 미 지정시)
reset 폼 리셋
button 기능 없음. 직접 JS 이벤트 정의

button 태그에 타입을 정하지 않을 경우 기본타입이 submit으로 설정이 된다.
button type="button" 으로 설정할 경우 기능은 없지만 js 이벤트를 활용할 때 주로 사용이 된다.

0개의 댓글