반응형
[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.
반응형
'Web > HTML' 카테고리의 다른 글
[HTML] 요소 사이의 공백과 해결법 (1) | 2023.11.06 |
---|---|
[HTML] 특수문자 엔티티(Entity)와 예약어(Reserved Word) (0) | 2023.11.01 |
[HTML] HTML5와 <!DOCTYPE> 선언의 이유 (15) | 2023.10.31 |
[HTML] 기본 구조 (0) | 2023.10.30 |
[HTML] 파일 열기 (0) | 2023.10.30 |