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 を通じてフォームデータを取得し、reset() メソッドを使用してリセットできます。

最終的な効果は次のとおりです。

jQueryでフォームデータをクリアする方法