Untuk mendapatkan nilai kotak input HTML, JavaScript diperlukan. Pertama, pilih elemen melalui kaedah seperti GetElementById, dan kemudian gunakan atribut nilai untuk membaca kandungan teks, e -mel, atau kotak input nombor. Dalam contoh, konsol mengeluarkan nilai input selepas mengklik butang; Anda juga boleh menambah pemantauan acara input untuk mendapatkan input pengguna dalam masa nyata; Untuk kotak semak atau butang radio, gunakan atribut yang diperiksa untuk menentukan sama ada ia dipilih, mencapai akses yang berkesan kepada jenis input yang berbeza.

Untuk mendapatkan nilai medan input dalam HTML, anda perlu menggunakan JavaScript kerana HTML sahaja tidak dapat mengambil atau memanipulasi nilai. Inilah cara anda boleh melakukannya dengan berkesan.

Mengakses Nilai Input Menggunakan JavaScript

Cara yang paling biasa untuk mendapatkan nilai dari medan input adalah dengan menggunakan harta nilai dalam JavaScript. Anda mula -mula memilih elemen input dan kemudian mengakses nilainya.

Html:

 <input type = "text" id = "myInput" placeholder = "masukkan sesuatu"><br> <butang onclick = "getValue ()"> Dapatkan nilai </butang>

JavaScript:

 <code>function getValue() {<br> const inputField = document.getElementById("myInput");<br> console.log(inputField.value);<br> }</code><p> Ini log apa sahaja pengguna telah menaip ke dalam medan input.</p><H3> Menggunakan pendengar acara untuk akses dinamik</H3><p> Daripada bergantung pada klik butang, anda boleh menangkap nilai input sebagai jenis pengguna dengan mendengar peristiwa seperti <strong>input</strong> atau <strong>perubahan</strong> .</p> <font>Contoh:</font><pre class='brush:php;toolbar:false;'> document.getElementById ("MyInput"). AddEventListener ("input", fungsi () {<br> console.log (this.value);<br> });

Ini log nilai setiap kali kekunci ditekan atau perubahan input.

Bekerja dengan jenis input yang berbeza

Sama ada teks, e -mel, nombor, atau kotak semak, harta nilai berfungsi di kebanyakan jenis input.

• Untuk teks, e -mel, dan input nombor: Gunakan .value
• Untuk kotak semak dan butang radio: Gunakan .

 const ischecked = document.getElementById ("MyCheckBox"). diperiksa;<br> console.log (ischecked);

Pada asasnya, gunakan kaedah DOM GetElementByID atau serupa untuk menargetkan input, kemudian mengakses sifatnya berdasarkan jenis. Ia mudah dan disokong secara meluas.

Atas ialah kandungan terperinci Cara mendapatkan nilai medan input dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!