button 을 눌러야 submit 하고 싶을 때

sol 1

<form>	# enter 로 submit 해버림 💥
  <input type='text'/>
</form>

<div>	# enter 로도 submit 안 됨✅
  <input type='text'/>
</div>

input 의 부모 태그를 바꿔보도록하자

sol 2

<input type='text'/>

<input hidden='hidden'/>	# 추가 ✅
<input type='text'/>

사용할 input 태그 위에 새로운 input 을 추가하고 hidden 속성을 넣어주자.

끝

참고
input 입력폼 prevent

참고글에서는 js 로 이벤트를 이용해 preventDefault 를 이용하는 방법도 있지만, div 로 이용하는 게 제일 간단해 보여
input 에 hidden 속성을 이용하는 건 어떤 원리로 작동하는 걸까