Bagaimana untuk mengosongkan semua input dalam bentuk HTML?-html tutorial-php.cn

Bagaimana untuk mengosongkan semua input dalam bentuk HTML?

PHPz

Lepaskan： 2023-09-01 11:21:09

ke hadapan

1169 orang telah melayarinya

Menggunakan borang HTML, anda boleh mendapatkan input pengguna dengan mudah. Gunakan teg

untuk menambah elemen borang untuk menangkap input pengguna. Jenis elemen borang yang berbeza termasuk input teks, input butang radio, butang hantar, dsb.

Tag membantu anda mendapatkan input pengguna dengan menggunakan atribut jenis. Untuk mengosongkan semua input dalam bentuk HTML, gunakan teg

Bagaimana untuk mengosongkan semua input dalam bentuk HTML?

Contoh 1

Contoh berikut menunjukkan cara mengosongkan semua input dalam bentuk HTML.

Dalam contoh ini, kami akan menggunakan document.getElementId 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>Remove HTML</title>
</head>
<body>
   <form>
      <input type="button"
      value="click here to clear"
      onclick="document.getElementById('inputText').value = '' "/>
      <input type="text" value="Tutorix" id="inputText" />
   </form>
</body>
</html>

Salin selepas log masuk

Apabila kita mengklik butang kosongkan, teks dalam medan input (kawasan teks) akan dikosongkan.

Terjemahan bahasa Cina bagi

Contoh 2

ialah:

Contoh 2

Contoh berikut menunjukkan cara mengosongkan semua 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

Apabila kita mengklik butang kosongkan, teks dalam medan input (kawasan teks) akan dikosongkan.

Contoh 3

Contoh berikut menunjukkan cara mengosongkan semua input dalam bentuk HTML.

Dalam contoh ini, kita akan menggunakan kaedah onclick() 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"
      value="Tutorix is the best e-learning platform"
      onclick="this.value=''"/>
   </form>
</body>
</html>

Salin selepas log masuk

Terjemahan bahasa Cina bagi

Contoh 4

ialah:

Contoh 4

Anda boleh cuba jalankan kod berikut untuk mengosongkan semua input dalam borang HTML anda -

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

Sebaik sahaja anda mengklik butang set semula, borang akan dikosongkan.

Atas ialah kandungan terperinci Bagaimana untuk mengosongkan semua input dalam bentuk HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!