jQuery에서 양식 데이터를 지우는 방법-HTML 지식-php.cn

집

일일 프로그램

HTML 지식

jQuery에서 양식 데이터를 지우는 방법

藏色散人

Dec 11, 2018 pm 04:12 PM

jQuery는 양식 양식 데이터를 지웁니다. 즉, jQuery의 양식 재설정 방법을 사용하면 텍스트 상자 양식 요소의 데이터를 지울 수 있습니다.

jQuery에서 양식 데이터를 지우는 방법

아래에서는 구체적인 코드 예시를 통해 jQuery에서 폼 폼 데이터를 지우는 구현 방법을 소개하겠습니다.

코드 예시는 다음과 같습니다.

<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="utf-8">
    <title>jQuery清空form表单数据示例</title>
</head>
<body>
<script>
 function resetForm() {
        document.getElementById("myForm").reset();
 }
</script>
<form action="" method="post" id="myForm">
    <label>用户名：</label>
    <input type="text" name="first-name">
</form>
<br>
<button type="button" onclick="resetForm();">重置</button>
</body>

</html>

로그인 후 복사

위 코드에서 재설정 버튼을 클릭하면 ResetForm 메서드가 실행됩니다. 이 메소드에서는 document.getElementById를 통해 양식 데이터를 얻은 후 재설정() 메소드를 사용하여 재설정할 수 있습니다.

최종 효과는 아래 그림과 같습니다.

jQuery에서 양식 데이터를 지우는 방법