[web] input 태그, button 태그

• input/button 태그 속성 중 type이 button인 것은 어떠한 기능을 수행하지 않는다
  - button은 단지 클릭할 수 있는 버튼, submit은 폼 데이터를 제출하는 버튼
• form 태그 안에 특정 페이지로 넘어갈 수 있도록 action 속성으로 주소 지정 가능

https://www.w3schools.com/tags/att_button_type.asp

 

1. 형태 차이

<input type="button" value="버튼">

<button>버튼</button>

 

2. 내부 콘텐츠 포함 여부

input 태그	button 태그
value 속성으로 텍스트 포함 가능	이미지, 아이콘 HTML 요소 등 포함 가능

 

 

3. 기본 동작 (폼 제출)

input 태그	button 태그
.	기본적으로 type이 submit으로 form 태그 안에서 자동 제출
type이 button이면 아무 동작을 하지 않는다. 동작을 원하면 onClick 등의 이벤트 핸들러를 지정한다.

 

속성이 button으로 지정되면 두 태그 모두 아무 동작을 하지 않는다는 공통점이 있다. 그런데 submit처럼 폼 제출을 원하면 다음과 같이 사용할 수 있다. 본 글은 chatGPT를 많이 참고하였습니다. 

 

 

https://peamexx.tistory.com/100

 

form 태그 안에서 button에 각각 action 넣기