Rumah > Artikel > hujung hadapan web > Bagaimana untuk mengosongkan semua input dalam bentuk HTML?
Bagaimana untuk mengosongkan semua input dalam bentuk HTML?
- PHPzke hadapan
- 2023-09-01 11:21:091149semak imbas
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
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>
Apabila kita mengklik butang kosongkan, teks dalam medan input (kawasan teks) akan dikosongkan.
Terjemahan bahasa Cina bagiContoh 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>
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>
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>
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!