Selektor input

Selektor :input izbere elemente za upravljanje obrazca - vnosna polja, besedilna področja, spustna seznama in gumbe. Oglejte si oznake: input, textarea, button, select. Ker :input ne spada v specifikacijo CSS, je za boljšo zmogljivost v sodobnih brskalnikih bolje najprej filtrirati elemente z uporabo čistega css-selektorja, nato pa uporabiti .filter(':input').

Sintaksa

Tako izberemo elemente za upravljanje obrazca:

javascript$(':input');

Primer

Poglejmo, v skladu z zgornjo teorijo, izberimo vse elemente za upravljanje obrazca in izpišimo v konzolo njihovo število, z uporabo lastnosti length. Videli bomo, da so se vanj uvrstile vse 13 oznak:

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('Število oznak: ' + allInputs.length);

$('form').submit(function(event) {
  event.preventDefault(); // prepreči pošiljanje obrazca
});

Glejte tudi