Cara menggunakan input dalam js

Dalam JS, elemen <input> digunakan untuk mengumpul input pengguna dan boleh dikendalikan dan diproses dalam cara berikut: Operasi atribut: dapatkan atau tetapkan nilai (nilai), maklumat segera (tempat letak), jenis input (jenis) . Pengendalian acara: menangkap fokus (fokus), kehilangan fokus (kabur), perubahan kandungan (input). Kaedah lain: tambah pendengar acara (addEventListener), alih keluar pendengar acara (removeEventListener), pilih teks kotak input (pilih).

Penggunaan elemen <input> dalam elemen JS<input> 元素的用法

<input>

<input> ialah elemen bentuk yang digunakan untuk mengumpul input pengguna dalam HTML. JS membenarkan pembangun memanipulasi dan memanipulasi elemen ini.

Operasi atribut

nilai:
• Dapatkan atau tetapkan nilai dalam kotak input.
pemegang tempat:
• Tetapkan maklumat segera dalam kotak input.
jenis:

Nyatakan jenis kotak input, seperti teks, nombor atau kata laluan.

Pengendalian acara

fokus:
• Dicetuskan apabila kotak input mendapat fokus.
kabur:
• Dipecat apabila kotak input hilang fokus.
input:

Dicetuskan apabila kandungan kotak input berubah.

Kaedah lain

addEventListener:
• Tambahkan pendengar acara pada kotak input.
removeEventListener:
• Alih keluar pendengar acara.
pilih:

Pilih teks dalam kotak input.

Contoh

Dapatkan nilai kotak input:

const inputValue = document.getElementById("myInput").value;

Tetapkan mesej gesaan apabila kotak input mendapat fokus:

document.getElementById("myInput").addEventListener("focus", () => {
  document.getElementById("myInput").placeholder = "请输入内容";
});

🎜Semak kesahihan apabila kotak input hilang fokus: 🎜

document.getElementById("myInput").addEventListener("blur", () => {
  if (isNaN(document.getElementById("myInput").value)) {
    alert("请输入数字");
  }
});

Atas ialah kandungan terperinci Cara menggunakan input dalam js. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!