!) 참고
<input> 요소의 button 유형도 전혀 틀리지 않는 방법이지만, 이후에 생긴 <button>요소를 사용하는 것이 선호되는 방식이다.
<button>의 레이블 텍스크는 태그는 여는 태그, 닫는 태그 사이에 넣고, 이미지도 포함할 수 있기 때문에 <button></button>태그를 사용하는 것이 더 좋다!1. 버튼 생성
<form action='login_page.php'>
<input type='button' value='클릭해보세요' onclick='alert("안녕하세요")'>
</form>1) <input type='button'>
: type속성을 button으로 지정해주면 버튼이 생성된다.
2) <input type='button' value='클릭해보세요'>
: value속성을 지정해주면 지정된 '클릭해부세요'가 버튼에 표시된다.
3) <input type='button' value='클릭해보세요' onclick='alert("안녕하세요")'>
: 버튼을 클릭하면 실행할 이벤트를 지정하기 위해 'onclick' 이라는 이벤트명을 사용하였고 버튼이 클릭되면 '안녕하세요' 라는 메시지를 보여주는 팝업이 뜨도록 'onclick' 속성에 스크립틀르 입력하였다.
: 버튼을 클릭하면 onclick 속성에 지정된 스크립트가 실행되게 되는데, 이 스크립트는 JS에 들어간다.
