input-Selektor

Der Selektor :input wählt Formularelemente aus - Inputs, Textareas, Dropdown-Listen und Buttons. Siehe Tags: input, textarea, button, select. Da :input nicht zur CSS-Spezifikation gehört, ist es für eine bessere Leistung in modernen Browsern besser, zuerst die Elemente mit einem reinen CSS-Selektor zu filtern und dann .filter(':input') anzuwenden.

Syntax

So wählen wir Formularelemente aus:

javascript$(':input');

Beispiel

Lassen Sie uns gemäß der oben genannten Theorie alle Formularelemente auswählen und ihre Anzahl mithilfe der Eigenschaft length in der Konsole ausgeben. Wir werden sehen, dass alle 13 Tags erfasst wurden:

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('Tags amount: ' + allInputs.length);

$('form').submit(function(event) {
  event.preventDefault(); // verhindert das Senden des Formulars
});

Siehe auch