[html] form 안에 button이 있으면?

장고 form은 input이나 button 을 통해서 제출하는 기능을 구현합니다.

<form>
	<input type="submit" value="가입하기">
	<button>가입하기</button>  
</form>

위와 같이 두 가지 선택지가 있습니다. 하지만 form 안에서 정보를 채우기 위해서 button 을 사용해야 할 경우도 있습니다. 저 같은 경우 회원가입 form 을 만들다보니 주소 정보가 필요했고, 주소를 찾는 검색 버튼을 구현한 결과, 주소를 찾기 위해 button을 누르면 form 이 보내졌습니다.

그 이유는 바로 button type 에 있었습니다. button 도 여러 type을 가지게 되는데 그 중 form 을 제출하는 submit 이라는 속성이 있고 이 속성이 default 입니다.

<button>가입하기</button>  
<button type="submit">가입하기</button>

위에 두 경우는 같은 경우인것이죠.

일반적인 버튼을 만들기 위해서는 아래와 같이 해주어야 합니다. 이 경우 javascript 와 연결해서 여러 용도로 버튼을 사용할 수 있습니다.

<button type="button"> </button>