Form - Button

김무음·2023년 8월 27일
0

HTML & CSS

목록 보기
10/58
post-custom-banner

흔히 웹 사이트에서 버튼을 쉽게 볼 수 있다. 이건 button 태그를 이용하여 사용하는 것인데 여기에 JavaScript 코드를 이용하여 다양한 기능을 부여할수도 있다. 그렇지만 지금은 HTML의 단계에서 이야기 하는 것이니 간단하게만 알아보자.

<button type="button"></button>
<button type="submit"></button>
<button type="reset"></button>

button 태그에는 3가지 속성을 가지고 있다. 흔하게 위에서 2가지 기능을 사용하는 편인데 type="button"은 따로 기재하지 않아도 똑같이 적용하기에 생략해서 사용한다.
type="submit"의 경우는 데이터를 전달하는 form 태그 안에서 사용한다.
type="reset"의 경우는 예를 들어 input 태그에 적힌 값을 초기화 시키는 등 이용할 수 있지만 잘 사용하지는 않는다.

profile
오늘도 한 발자국 더 나아가.

0개의 댓글