button태그와 input type="button"의 차이

form 태그로 액션창에 값을 전달해줄 때 유의할 점은 

<input type="button">과 <input type="submit">이 다른 기능을 한다는 점이다.

 

type=submit은 누르면 액션페이지로 값이 전달되고

type=button은 눌러도 액션페이지로 값을 전달하지 않는다 (만약 중복체크 등의 이벤트를 위한 버튼이라면  onclick으로 따로 이벤트를 줘야한다.

 

<form action="main.jsp">
    <input type="text" name="text" id="text">
    <input type="button" onclick="checkIdEvent()" value="버튼">
    <input type="submit">
    <button>버튼</button>
</form>
<script>
    function checkIdEvent() {
    }
</script>

 

 

그리고 <button>은 form태그 내에서 그냥 <input type="submit">으로 실행된다. 따라서 액션창으로 값을 전달해준다.

 

정리하자면 <form>태그 내에서

type="submit"과 <button>은 액션페이지로 값을 전달하는 함수고

type="button"은 그냥 버튼이다