<button>

고규식·2021년 8월 8일
post-thumbnail

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

<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 태그안에서 작성한 값들을 리셋하고 싶을때 사용한다. 리셋버튼
profile
잠실사는 주니어 개발자

0개의 댓글