jQuery如何清空form表單數據-html知識-PHP中文網

首頁

每日程式設計

html知識

jQuery如何清空form表單數據

藏色散人

Dec 11, 2018 pm 04:12 PM

jQuery清空form表單數據，也就是清空文字方塊表單元素的數據，我們可以透過使用jQuery中重置即reset表單的方法來實現。

jQuery如何清空form表單數據

下面我們就透過具體的程式碼範例，跟大家介紹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>

在上述程式碼中，當我們點擊重置按鈕時，就會觸發resetForm方法。此方法中，可以透過document.getElementById取得form表單數據，並使用reset()方法進行重設。

最終效果如下圖所示：

jQuery如何清空form表單數據

#如圖，在上面的文本框中輸入一些文本，然後點擊重置按鈕就可以清空輸入框的值了。

註：reset() 方法可把表單中的元素重設為它們的預設值。

這篇文章就是關於jQuery清空form表單資料的方法介紹，也很簡單，希望對需要的朋友有幫助！

以上是jQuery如何清空form表單數據的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

熱AI工具

熱工具

mPDF是一個PHP庫，可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件，並處理不同的語言。與原始腳本如HTML2FPDF相比，它的速度較慢，並且在使用Unicode字體時產生的檔案較大，但支援CSS樣式等，並進行了大量增強。支援幾乎所有語言，包括RTL（阿拉伯語和希伯來語）和CJK（中日韓）。支援嵌套的區塊級元素（如P、DIV），

MinGW - Minimalist GNU for Windows

這個專案正在遷移到osdn.net/projects/mingw的過程中，你可以繼續在那裡關注我們。 MinGW：GNU編譯器集合（GCC）的本機Windows移植版本，可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔；包括對MSVC執行時間的擴展，以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。