본문 바로가기
HTML

HTML_input type="submit"과 button type="submit" 차이

by haheaven 2021. 9. 28.

국비 과정에서

action 경로로 정보를 보내기 위해서는 submit 작성에 대해

<botton type="submit">제출</button> 으로 배웠다.

 

 

복습을 하니 다른 곳에서는 

<input type="submit"> 의 방식으로 작성한 것을 보았고,

 

어떤 차이가 있는지 궁금해졌다.

 

 

두 개 모두 action 경로로 정보를 보내기 위한 기능은 같다.

 

그러나 차이가 조금 있는데,

 

공식문서에서(w3)

Note. Authors should note that the BUTTON element offers richer rendering capabilities than the INPUT element.

라고 언급해주었다.

button 태그는 닫는 기능이 있기 때문에 그 사이에 이미지나, 텍스트 등을 자유롭게 삽입할 수 있는 반면,

input 태그는 나홀로 태그이기 때문에 비교적 자유롭지 못하다는 점이다.

 

 

 

 

 

 

+ botton type의 디폴트는 submit이기 때문에 다른 속성(button,reset)을 사용하고 싶으면 꼭 적어줘야 한다.

 

 

'HTML' 카테고리의 다른 글

HTML_태그  (0) 2021.08.14

댓글