Bagaimanakah kita boleh menetapkan semula semua medan input dalam bentuk HTML?-html tutorial-php.cn

Bagaimanakah kita boleh menetapkan semula semua medan input dalam bentuk HTML?

PHPz

Lepaskan： 2023-09-20 17:37:01

ke hadapan

899 orang telah melayarinya

Dalam artikel ini, kita akan membincangkan cara untuk menetapkan semula semua medan input dalam bentuk HTML. Di sini kami menggunakan butang set semula untuk mengosongkan medan input dalam bentuk HTML.

Dalam borang HTML, kami menggunakan tag untuk mendapatkan input pengguna. Untuk mengosongkan semua input dalam borang HTML, tetapkan semula menggunakan teg dengan atribut type.

Bagaimanakah kita boleh menetapkan semula semua medan input dalam bentuk HTML?

Tatabahasa

Berikut ialah sintaks untuk butang set semula.

<input type="reset">

Salin selepas log masuk

Contoh 1

Contoh berikut menunjukkan cara untuk menetapkan semula semua medan input dalam bentuk HTML.

Dalam contoh ini, kami akan menggunakan butang set semula untuk mengosongkan teks dalam medan teks.

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

Salin selepas log masuk

Selepas mengklik butang set semula, borang tersebut dikosongkan.

Contoh 2

Contoh berikut menunjukkan cara untuk menetapkan semula semua medan input dalam bentuk HTML.

Dalam contoh ini, kami akan menggunakan butang set semula untuk mengosongkan teks dalam medan teks.

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

Salin selepas log masuk

Selepas mengklik butang set semula, borang tersebut dikosongkan.

Contoh 3

Anda boleh cuba jalankan kod berikut untuk mengosongkan semua input dalam bentuk 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>

Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimanakah kita boleh menetapkan semula semua medan input dalam bentuk HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!