form 내의 button 요소를 추측하는 이유가submit에 의해

개시하다

이번에는 추form 내의 button 요소가 Submit에 의해 노출되는 이유를 소개하고 싶습니다.
즉시submit이 된 이유는button의type 속성의 초기값type="submit"이라고 대답했다.
나는 견본을 동봉하여 소개할 것이다.

샘플 프로그램

세 개의 버튼이 나란히 서 있는데 앞의 두 개는submit에서 불이 났고 마지막은 밀어도 불이 나지 않았다.

https://runstant.com/phi/projects/68bb258c

코드

<form id='$form'>
  <div>
    <input id='$input' type='text' value='Hello, world!' />
  </div>
  <div>
    <button>ボタン</button>
    <button type='submit'>submit ボタン</button>
    <button type='button'>button ボタン</button>
  </div>
</form>

해설

submit 버튼

우선 form에서 type='submit'에 지정된 button 요소를 누르면 submit 활동에서 불이 납니다.
그리고 처음에 소개한 바와 같이 button 요소의 기본 분배type='submit'는 다음과 같은 두 가지 정의가 완전히 같다.
누르면 어느 버튼이submit에 불을 붙일지 알 수 있습니다.

눌러도 Submit 버튼이 없어요.

폼 내 버튼이지만 눌러도 불이 나지 않도록submit 하는 경우도 있다.
이런 상황은 내가 지정해 줄게type='button'.

<button>ボタン</button>
<button type='submit'>submit ボタン</button>

샘플 중 마지막 단추.
버튼이지만 재지정type='button하면 위화감이 있을 수 있지만, 이렇게 일반적인 버튼이라고 알려주면 누른 경우submit에도 불이 나지 않는다.

끝말

이번에는 button 요소의 규격을 소개했다.
아는 사람한테 당연한 거 아니야?그렇게 지도 모른다, 아마, 아마...
하지만 전단 엔지니어를 양성하는 과정에서 자주 만나는 스타일이라 소개해 드렸습니다.
만약 참고할 수 있다면 대단히 영광스럽습니다.