<button> - 선택 가능한 버튼을 만들 때 사용하는 태그
<!-- 자바스크립트를 이용한 기능 구현에 주로 사용 -->
<button type="button"> 버튼 </button>
<!-- 폼의 전송 전송 기능 -->
<button type="submit"> 확인 </button>
<!-- 폼 작성 내용 초기화 기능 -->
<button type="reset"> 다시 쓰기 </button>
<button type="button"> vs <a href="#"> vs <input type="button">
1. <input type="button"> 보다 디자인에 있어서 매우 자유롭고, 태그 안에 다른 태그 삽입도 가능!
일반적인 디자인들을 모두 적용할 수 있어서, 배경에 이미지로 넣을 수 있다.
2. <a> 태그는 문서간의 연결이 주된 목적이기 때문에 링크에만 사용하고, 기능 구현은 button으로 하는 것이 시멘틱한 마크업!
더보기
프론트엔드 지망생이 강의를 들으며 공부용으로 작성된 포스트이기 때문에 내용이 빈약할 수 있습니다 :)
잘못된 정보가 있으면 댓글 남겨주시면 감사하겠습니다.
'學習_학습 > HTML' 카테고리의 다른 글
데이터를 담은 표를 만들 때 사용하는 태그 <table> (0) | 2020.07.02 |
---|---|
form 태그와 관련된 태그 5 <textarea> (0) | 2020.06.30 |
form 태그와 관련된 태그 4 <select> & <option> (0) | 2020.06.30 |
form 태그와 관련된 태그 3 <radio> vs <checkbox> (0) | 2020.06.30 |
form 태그와 관련된 태그 2 <label> (0) | 2020.06.30 |