양식 - BUTTON

선택 가능한 버튼을 지정.

 

속성	의미	값	특징
autofocus	페이지가 로드될 때 자동으로 포커스	Boolean	문서 내 고유해야 함
disabled	버튼을 비활성화	Boolean
form	form의 id 속성 값		해당 form의 후손이 아닐 경우만
name	폼 데이터와 함께 전송되는 버튼의 이름
type	버튼의 타입	button, reset, submit

 

 

1. Button태그 와 input태그의 동일한 기능

<input type="reset" value = "초기화">
<button type = "reset">초기화</button>

다음과 같이 입력하면 동일한 기능을 나타낸다.

 

 

 

2. Button태그와 자바 스크립트 이용

<button onclick = "doit()">클릭!</button>

    <script>
        function doit(){ //doit이라는 함수를 만들고 함수가 실행되면 화면에 알림창이 뜨면서 "클릭했음ㅋㅋ"메세지가 나오게 한다.
            alert('클릭했움ㅋㅋ');
        }
    </script>

주로 button은 자바스크립트와 연결해서 이용을 한다.