<button>

우리가 웹사이트를 보면서 많은 버튼들을 본다. (사실 버튼을 보면 귀엽다.)
이것은 못생긴 버튼입니다.

<button>에는 총3가지 type을 명시 할 수 있고, 2가지를 제일 많이쓴다.
코드로 확인해보자.

<button type="button">일반버튼</button>

<form action="" method="GET/POST"> 
  <input type="text"/>
  <button type="submit">제출용버튼</button>
</form>

<form action="" method="GET/POST"> 
  <input type="text"/>
  <button type="reset">리셋버튼</button>
</form>

1. 버튼은 type="button"으로써, 자바스크립트에서 이벤트리스너나 다른 동적인 행동들을 연결하여, 사용할때 쓴다.
   일반버튼
2. 버튼은 사용자에게 어떤 값을 입력받아 서버로 넘길때, 사용한다. 제출용버튼
3. form 태그안에서 작성한 값들을 리셋하고 싶을때 사용한다. 리셋버튼