Bagaimana untuk menetapkan semula javascript

JavaScript ialah bahasa skrip yang biasa digunakan yang digunakan untuk pembangunan bahagian hadapan web dan reka bentuk interaksi, seperti merealisasikan pengesahan borang dan kesan interaktif. Semasa pembangunan halaman web, anda mungkin menghadapi keperluan untuk menetapkan semula data borang. Jadi, bagaimanakah JavaScript menetapkan semula borang?

Apakah itu tetapan semula borang?

Menetapkan semula borang bermakna mengosongkan data yang diisi dalam borang dan memulihkannya kepada keadaan semasa borang dimulakan. Selepas pengguna mengisi beberapa maklumat dan menyerahkan borang, jika mereka perlu mengisinya semula, cara mudah ialah menetapkan semula borang.

Tetapkan semula borang menggunakan JavaScript

Dalam JavaScript, anda boleh menggunakan kaedah reset() untuk menetapkan semula borang. Kaedah ini berfungsi untuk semua elemen bentuk dan jenis kawalan bentuk. Berikut ialah contoh kod yang menggunakan JavaScript untuk menetapkan semula borang:

<form id="myForm">
  <label for="name">Name:</label>
  <input type="text" id="name" name="name"><br><br>
  <label for="age">Age:</label>
  <input type="number" id="age" name="age"><br><br>
  <input type="button" value="Reset" onclick="resetForm()">
  <input type="submit" value="Submit">
</form>

<script>
function resetForm() {
  document.getElementById("myForm").reset();
}
</script>

Dalam kod sampel ini, fungsi resetForm() digunakan untuk menetapkan semula borang. Fungsi ini menggunakan kaedah getElementById() untuk mendapatkan elemen borang, dan kemudian memanggil kaedah reset() untuk menetapkan semula. Dalam kod HTML, pelaksanaan fungsi ini boleh dicetuskan oleh acara onclick butang.

Kesan selepas menetapkan semula borang

Apabila borang ditetapkan semula, semua data dalam borang akan dikosongkan. Medan borang yang tidak diisi ditetapkan semula kepada nilai lalai atau kosongnya, seperti atribut input atau value bagi elemen checked. Menetapkan semula borang tidak akan mengosongkan pilihan yang dipilih dan pilihan elemen select akan kembali kepada pilihan lalai.

Adalah penting untuk ambil perhatian bahawa borang tetapan semula JavaScript tidak memuat semula atau memuat semula halaman. Ia hanya memulihkan data dalam bentuk kepada nilai lalai atau nol tanpa menjejaskan bahagian lain halaman.

Ringkasan

JavaScript ialah bahasa skrip yang sangat berkuasa yang boleh digunakan untuk menetapkan semula borang dan mengosongkan data borang. Menggunakan JavaScript untuk menetapkan semula borang membolehkan pengguna mengisi semula borang dengan mudah, menghapuskan keperluan untuk pengguna mengosongkan data borang secara manual setiap kali. Tetapi perlu diingatkan bahawa menetapkan semula borang tidak menyegarkan halaman, ia hanya memulihkan data borang kepada nilai lalai atau nilai kosong.

Atas ialah kandungan terperinci Bagaimana untuk menetapkan semula javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!