jQuery如何清空form表单数据

互联网 18-12-11

jQuery清空form表单数据，即清空文本框表单元素的数据，我们可以通过使用jQuery中重置即reset表单的方法来实现。

下面我们就通过具体的代码示例，给大家介绍jQuery清空form表单数据的实现方法。

代码示例如下：

<!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>

最终效果如下图所示：