如何清除HTML表單中的所有輸入？

使用html表單，您可以輕松獲取用戶輸入。使用

標(biāo)簽來(lái)添加表單元素以獲取用戶輸入。不同類型的表單元素包括文本輸入、單選按鈕輸入、提交按鈕等。

標(biāo)簽通過(guò)使用type屬性幫助您獲取用戶輸入。要清除HTML表單中的所有輸入，請(qǐng)使用帶有type屬性為reset的標(biāo)簽。

Example 1

以下示例演示了如何清除HTML表單中的所有輸入。

在這個(gè)例子中，我們將使用document.getElementId來(lái)清除文本字段中的文本。

立即學(xué)習(xí)“前端免費(fèi)學(xué)習(xí)筆記（深入）”；

      <meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Remove HTML</title>

當(dāng)我們點(diǎn)擊清除按鈕時(shí)，輸入（文本區(qū)域）字段中的文本將被清除。

Example 2

的中文翻譯為：

示例2

以下示例演示了如何清除HTML表單中的所有輸入。

在這個(gè)例子中，我們將使用重置按鈕來(lái)清除文本字段中的文本。

      <meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Clear all the input in HTML forms</title>

當(dāng)我們點(diǎn)擊清除按鈕時(shí)，輸入（文本區(qū)域）字段中的文本將被清除。

Example 3

以下示例演示了如何清除HTML表單中的所有輸入。

In this example, we are going to use onclick() method to clear the text in the text field.

      <meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Clear all the input in HTML forms</title>

Example 4

的中文翻譯為：

示例 4

您可以嘗試運(yùn)行以下代碼來(lái)清除HTML表單中的所有輸入 –

一旦點(diǎn)擊重置按鈕，表單將被清空。