button 태그
: 버튼을 생성하는 태그 (input type = "button" 과 동일 기능)
- 쌍태그 : <button></button>
- button태그 안쪽에 문자열을 이용하여 버튼의 이름을 지정
- form태그 안에서 사용
- form태그 안에서 타입을 설정하지 않는 경우) 기본 submit으로 생성
<body>
<form action="">
<input type="text" name="test" id="">
<br>
<button type="button">일반버튼</button>
<button type="submit">전송버튼</button>
<button type="reset">리셋버튼</button>
<button type="menu">메뉴버튼</button>
<!-- menu타입은 submit과 비슷한 역할 -->
</form>
</body>
input type = "button" 과 button 비교
: input태그와 버튼태그는 모두 버튼을 생성하는 태그
- input 은 text, password등 입력을 받을 때 주로 사용
- button을 이용해 생성하는 경우가 많음
- button을 사용하면 버튼의 속성을 더 세세히 만들수 있다는 장점이 있음
- input은 단일 / button은 쌍태그
'HTML - CSS > html 공부' 카테고리의 다른 글
| [HTML] select 태그 (0) | 2023.04.05 |
|---|---|
| [HTML] pre 태그 (0) | 2023.04.05 |
| [HTML] div 태그 (0) | 2023.04.05 |
| [HTML] input tag 타입 (0) | 2023.04.04 |
| [HTML] 시멘틱 태그 (0) | 2023.04.04 |