[HTML] <button>이 <form> 안에 있는 경우

[HTML] <button>이 <form> 안에 있는 경우

 

 

<button>이 <form> 안에 있는 경우 클릭했을 때 'submit'이 실행된다.

 

See the Pen Untitled by 양파 (@kdorigyj-the-sans) on CodePen.

 

위와 같이 <form> 안에 있는 <button>은 type이 'submit'인 <input>과 동일하다.

 

<button>은 <form> 안에 있을 때 type의 기본값이 'submit'이 된다.

따라서 버튼을 클릭했을 때 'submit'이 발생하지 않게 하기 위해서는 type을 'button'으로 지정해주면 된다.

 

See the Pen Untitled by 양파 (@kdorigyj-the-sans) on CodePen.