<button> 태그, 형식, <button> vs <input type="submit">

 

<button> 태그

·       버튼을 만드는 태그입니다.

·       <span> 태그와 비슷한 성질을 가집니다.

 

 

형식

브라우저마다 디폴트 값이 다르기 때문에 button type속성에 버튼 타입을 항상 명시하시기 바랍니다.

<button type="button|submit|reset">버튼명</button>

 

type	설명
button	클릭 가능한 버튼
submit	폼 안의 데이터를 전송하는 버튼
reset	폼 안의 데이터를 초기화 시키는 버튼

 

 

 

 

<button> vs <input type="submit">

<input type="submit">	양식을 전송할 때 input type="submit"을 사용하면, 별도의 자바스크립트를 사용할 필요 없이 자동으로 전송 됩니다.
<button type="submit">	button 요소로 양식을 전송하려면 추가적인 자바스크립트가 필요합니다.