[HTML] input type="submit"과 button

input type="submit"과 button

폼 전송 기능을 하는 <input type="submit"> 과 <button> 은 기능적으로 동일하다. 기본적으로 button 요소는 type 속성을 명시하지 않으면 submit 기능을 수행한다. 하지만 button은 스스로 닫지 않는 태그이고 input은 스스로 닫는 태그이다.

따라서 button은 하위 태그를 추가할 수 있다.

button의 경우

<button>버튼 <span>클릭</span> 하시오</button>

input의 경우

<input type="button" />

input {
	background-image: url(addr)
}

위와 같은 차이가 나기 때문에 좀더 디자인 측면에서 자유도가 높다.