資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟學
心理學
社會研究
時尚研究
法律研究如何在 HTML 表單中重置所有輸入欄位？
在本文中，我們將討論如何在 HTML 表單中重置所有輸入欄位。這裡，我們使用重置按鈕清除 HTML 表單中的輸入欄位。
在 HTML 表單中，我們使用 <input> 標籤獲取使用者輸入。要清除 HTML 表單中的所有輸入，請使用 <input> 標籤，其中 type 屬性為 reset。
語法
以下是重置按鈕的語法。
<input type="reset">
示例 1
以下示例演示瞭如何在 HTML 表單中重置所有輸入欄位。
在這個示例中，我們將使用重置按鈕清除文字欄位中的文字。
<!DOCTYPE html> <html lang="en"> <head> <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> </head> <body> <form> <input type="text" name="input" /> <input type="reset" value="reset" /> </form> </body> </html>
單擊重置按鈕後，表單被清除。
示例 2
以下示例演示瞭如何在 HTML 表單中重置所有輸入欄位。
在這個示例中，我們將使用重置按鈕清除文字欄位中的文字。
<!DOCTYPE html> <html lang="en"> <head> <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>reset example</title> </head> <body> <form> Enter name:</br> <input type="text" name="input" /></br> Enter Age:</br> <input type="text" name="input1" /></br> <input type="reset" value="reset" /> </form> </body> </html>
單擊重置按鈕後，表單被清除。
示例 3
你可以嘗試執行以下程式碼來清除 HTML 表單中的所有輸入 −
<!DOCTYPE html> <html> <body> <form> Student Name:<br> <input type="text" name="sname"> <br> Student Subject:<br> <input type="text" name="ssubject"> <br> <input type="reset" value="reset"> </form> </body> </html>
更新於： 19-Oct-2022
2K+ 瀏覽
廣告