Rumah >hujung hadapan web >html tutorial >Bagaimanakah kita boleh menetapkan semula semua medan input dalam bentuk HTML?
Bagaimanakah kita boleh menetapkan semula semua medan input dalam bentuk HTML?
- PHPzke hadapan
- 2023-09-20 17:37:01887semak imbas
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.
Tatabahasa
Berikut ialah sintaks untuk butang set semula.
<input type="reset">
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>
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>
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>
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!