폼 필드 초기화 버튼

input 태그의 type 속성 값을 reset로 설정하면 HTML 폼 필드 초기화 버튼이 생성됩니다. 이 버튼을 클릭하면 폼 필드들은 페이지에 처음 접속했을 때의 상태(사용자가 변경하기 전의 상태)로 돌아갑니다.

예시

폼 필드 값을 변경한 후, 초기화 버튼을 눌러 원래 상태로 되돌려 보겠습니다:

html<form>
  <input type="checkbox" checked>
  <input type="text">
  <input type="reset" value="초기화 버튼">
  <input type="submit" value="제출 버튼">
</form>

Результат:

관련 항목

  • 폼 초기화에도 사용되는 button 버튼
  • 폼 제출에 사용되는 submit 버튼