reset버튼

  안녕하세요?
  오늘은 reset버튼에 대해서 알아보겠습니다. reset 영어로 뜻은 다시 놓다, 재시동하다는 뜻이 있습니다. 즉 처음으로 다시 돌아가는 겁니다. 예를들어 자기소개를 적다가 다시 적어야 할경우 다 지우고 다시할수도 있지만 이렇게 reset이라는 버튼을 눌러서 한꺼번에 다 지울수도 있다는 것입니다. 그럼 소스코드를 한번 볼까요?

자기소개하기
<form name="input" method="post" action="">
    <textarea rows=5 cols=20></textarea><br>
    <input type="reset" value="다시적기">
</form>

자기소개하기 라고 표시하고 form을 선언하는데 이름은 input이고 method는 post라고 했습니다. method에는 get과 post가 있는데 자세한 것은 다음에 하도록 하겠습니다. 그다음에 textarea 저번에 배웠죠? 글상자를 rows=5 세로로 5줄 가로로 20칸을 표시하고 그 밑에 input type="reset" 이라고 했습니다. 입력타입을 reset이라고 주면 버튼이 하나 만들어집니다. 그 버튼을 누르면 같은 폼안에 있는 모든 입력상자가 지워집니다. 즉 textarea에서 자기소개를 적었는데 reset버튼을 누르면 그 소개적은게 다 날라간다는 말입니다. value="다시적기"는 그 reset버튼에 다시적기라고 표시를 한다는 뜻입니다. 그럼 실행결과를 한번 볼까요?

                                                                 실행해서 제 소개를 적었습니다.

                                                               reset버튼을 누르면 다 지워집니다.