[HTML] 버튼 태그(input type = "button")

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>