[form] HTML - <input type="reset"> 태그 - 입력창 초기화/재설정 (= 입력한 폼데이터 비우기 = 인풋리셋타입/리셋타입인풋 요소)

1. <input type="reset"> 예제 - 입력창 초기화
2. <input type="reset"> 정의
3. <input type="reset"> 구문

<input type="reset"> 예제 - 입력창 초기화

 

<form action="/action_page.php">

  <label for="id">아이디 입력:</label>

  <input type="text" id="id" name="id"><br>

  <label for="password">패스워드 입력:</label>

  <input type="password" id="password" name="password"><br>

  <input type="reset" value="초기화">

  <input type="submit" value="확인">

</form>

결과보기

<input type="reset"> 정의

 

입력한 폼데이터를 지워 모든 입력창을 초기화하는 INPUT 요소.

 

---

 

1.

• 실수로 클릭 시 입력값이 다 사라지므로, sumbit 버튼 옆에 절대 두지 말 것.
• value 속성 추가해 버튼명 변경 가능.

 

2.

모든 브라우저 지원.

 

3. MDN <input type="reset"> 예제보기

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/reset

 

<input type="reset"> 구문

 

<input type="reset">