13. button태그 _ 버튼 생성

button태그는 버튼을 생성해 줍니다.
input에서 button타입을 썼을때와 마찬가지로요.

button태그는 input과는 달리 짝궁으로 열고 닫는 태그입니다.
생긴건 같아도 두개의 가장 큰 차이점은 여기에 있습니다.
button은 <buttton>과 </buttton> 사이에 텍스트를 넣을 수 있고
다른 태그도 넣을 수 있어서 다양하게 커스텀이 가능합니다.
한마디로 꾸미기 쉽습니다.

<button type="button">button name</button>
 

type

button에도 type이 있으므로 적어줘야 합니다.
일반적인 기능의 button은 type="button"을 넣어주는데요.
이 태그를 넣어주지 않으면 이 버튼은 기본값을 받아 type이 submit으로 나옵니다.
보기에는 차이가 없어 보입니다. 하지만 기능적으로 차이가 있으니 꼭 넣어 줍시다.

<button type="button">전 button이에요</button>
<button>전 submit이에요</button>
 

* 개인적인 공부를 정리하는 블로그입니다.