HTML
<button>
자라나라나무나무나
2022. 6. 4. 22:40
- submit : 버튼이 서버로 양식 데이터를 제출합니다. 지정하지 않은 경우 기본값이며, 유효하지 않은 값일 때도 사용합니다.
- reset : <input type="reset"> 처럼, 모든 컨트롤을 초기값으로 되돌립니다.
- button : 기본행동이 없으며, 클릭했을 때 아무것도 하지 않습니다. 하지만 Javascript랑 연결이 가능합니다.
input과 button의 차이점
- input은 value값이 지정되어 있지 않아도 기본value값이 있다. 하지만 button은 value값을 지정하지 않으면 비어있다.
- input은 자식요소를 가질 수 없지만 button은 가질 수 있다.
<div>
<input type="reset" />
<input type="submit" />
<input type="button" value="빈버튼" />
</div>
<div>
<button type="reset">
<strong>초기화!</strong>
</button>
<button type="submit">제출!</button>
<button type="button">일반 버튼</button>
</div>
- input에는 value는 text만 가능지만 button에는 자식요소가 가능하여 스타일링을 용이하게 할 수 있다.