Form Reset 방법_javascript 기술에 대한 새로운 이해

HTML의 Form 양식의 재설정 방법은 사용자가 입력한 내용을 지우는 데 사용되는데, 입력 항목 등의 입력 항목에 있는 값만 지우는 것으로 잘못 인식되어 왔습니다.

그러나 실제로는 그렇지 않습니다. 재설정 방법의 본질은 "" null 값이 아닌 속성 값의 값으로 입력 등의 입력 항목에 있는 내용을 복원하는 것입니다.

W3c에서는 다음과 같이 말합니다.

HTML 형식에서는 태그가 나타날 때마다 Reset 개체가 생성됩니다.

재설정 버튼을 클릭하면 이를 포함하는 양식의 모든 입력 요소 값이 기본값으로 재설정됩니다. 기본값은 HTML value 속성 또는 JavaScript의 defaultValue 속성으로 지정됩니다.

실제 상황에서는 특정 컨텐츠를 편집할 때 폼 재설정을 구현해야 하는 경우가 많은데 이때 입력 등 입력 항목의 값 속성에 값이 할당되어 있을 수 있으므로 재설정은 그냥 폼을 이것으로 초기화하면 됩니다. 값.

이 경우 자바스크립트만 사용하여 입력과 같은 입력 항목의 값 속성을 비어 있음으로 설정하여 재설정 효과를 얻을 수 있습니다.