HTML 태그 <button> 태그 submit 현상

<button>요소

URI를 연결하지 않고 단순하게 사용자 인터페이스만를 ‘조작‘하기 위한 버튼으로서 <button type="button"> 엘리먼트로 마크업 합니다.  type을 명시하지 않으면 어떤 브라우저는 Form Submit 기능을 실행하기 때문에 반드시 type 속성을 button으로 지정해 주어야 합니다.

cf)

type="button" 을 뺀 상태로 <form action="">태그 안에 위치한 button을 누르니 계속 페이지 새로고침이 일어 났다

 

<input>요소

사용자의 입력을 서버로 ‘전송‘하기 위한 버튼으로서 <input type="submit">, <button type="submit"> 엘리먼트로 마크업 합니다.