HTML 버튼
버튼의 종류(button type)
| 버튼 타입 |
설명 |
| button |
버튼 형태를 만들며 자체기능은 없습니다. onClick 메서드를 활용하여 특정 액션을 취하는 기능을 넣을 수 있습니다. |
| submit |
폼(form)에서 입력받은 데이터들을 서버로 전송합니다. |
| reset |
폼(form)에서 입력받은 데이터들을 초기화 시킵니다. |
첫 번째 방법 (input type = "button")
- type: 버튼의 유형을 지정합니다. submit, reset, button 중 하나의 값을 가질 수 있습니다.
- value: 버튼의 텍스트 값을 지정합니다.
- disabled: 버튼을 비활성화시킵니다.
<!--input type 사용-->
<input type="button" value="button">
<input type="button" value="disabled" disabled>
<input type="submit" value="submit">
<input type="reset" value="reset">
두 번째 방법 (<button> 태그 사용)
- type: 버튼의 유형을 지정합니다. submit, reset, button 중 하나의 값을 가질 수 있습니다. (지정하지 않으면 button)
- disabled: 버튼을 비활성화시킵니다.
<!--button type 사용-->
<button>button</button>
<button disabled>disabled</button>
<button type="submit">submit</button>
<button type="reset">reset</button>
버튼 onclick 메서드
<input type="button" value="button" onclick='alert("클릭!")'/>
<button onclick='alert("클릭!")'>button</button>