[HTML] 버튼 만드는 방법

dwkim·2023년 4월 11일
0

버튼은 보통 클릭할 때 발생하는 이벤트 onCllick을 처리하기 위해서 만든다.



1. button 태그

<button type="button"> 버튼명 </button>
<button type="submit"> 버튼명 </button>
<button type="reset"> 버튼명 </button>
  • input 태그보다 스타일 적용이 수월함
  • type 속성
type
button단지 버튼 형태로 생성/ 폼 양식이 아닌 경우 사용
submit (디폴트값)폼 양식을 서버로 전송
reset폼 입력 내용을 초기화



2. input 태그

<input type="button" value="버튼">
  • 종료 태그 </input> 가 없기 때문에 자식 태그를 넣을 수 없음
  • value 속성 : 버튼 내에 들어갈 텍스트를 설정함



3. a 태그

<a href=""> 링크버튼 </a>
  • 링크버튼을 만들 수 있음
profile
예비 백엔드 개발자

0개의 댓글