[HTML]20_입력 데이터 초기화를 위한 리셋 버튼(reset)만들기

2u·2023년 3월 15일
0

HTML

목록 보기
16/22
post-thumbnail

1. 리셋 버튼(reset) 생성하기

<form action='a.jsp'>
  ID: <input type='text' value='userId'></br>
  PASSWORD: <input type='password'></br>
  성별<br>
  <input type='radio' name='gender' value='female' checked>여성
  <input type='radio' name='gender' value='male'>남성<br>
  좋아하는 과일<br>
  <input type='checkbox' name='fruite' value='apple' checked>사과
  <input type='checkbox' name='fruite' value='banana'>바나나
  <input type='checkbox' name='fruite' value='orange'>오렌지<br>
  <input type='reset'>
</form>

(여기서 구동은 되지 않지만)
: 모든 항목들을 적거나 체크한 후 초기화 버튼을 누르면 모든 값이 리셋되어 초기값으로 다시 지정된다.
: 각 항목의 값이 모두 지워지는 것은 아니다. 초기화 되는것이다.

0개의 댓글