Pilih Input

Pilih :input memilih elemen kawalan borang - input, textarea, senarai juntai bawah dan butang. Lihat tag: input, textarea, button, select. Oleh kerana :input tidak tergolong dalam spesifikasi CSS, maka untuk meningkatkan prestasi dalam pelayar moden, lebih baik terlebih dahulu menapis elemen dengan menggunakan pemilih css tulen, dan kemudian mengaplikasikan .filter(':input').

Sintaks

Beginilah kami memilih elemen kawalan borang:

javascript$(':input');

Contoh

Mari, menurut teori yang dinyatakan di atas, pilih semua elemen kawalan borang dan output dalam konsol bilangan mereka, dengan menggunakan sifat length. Kami akan melihat bahawa semua 13 tag termasuk:

html<form>
  <input type="button" value="button">
  <input type="checkbox">
  <input type="file">
  <input type="hidden">
  <input type="image">
  <input type="password">
  <input type="radio">
  <input type="reset">
  <input type="submit">
  <input type="text">
  <select>
    <option>option</option>
  </select>
  <textarea></textarea>
  <button>button</button>
</form>

csstextarea {
  height: 25px;
}

javascriptlet allInputs = $(':input');
console.log('Bilangan Tag: ' + allInputs.length);

$('form').submit(function(event) {
  event.preventDefault(); // menghalang penghantaran borang
});

Lihat juga