Главная › Справочники › Справочник jQuery API › Селекторы › Селекторы-фильтры элементов HTML-форм ›

:input

Отбирает все элементы форм типов input, textarea, select, button и других. Селектор :input выбирает все элементы управления формой. Селектор появился в jQuery 1.0.

Пример использования селектора :input

Задача: Найти все элементы ввода на HTML-форме.

<!DOCTYPE html>
<html>
<head>
  <style>
  textarea { height:25px; }
  </style>
  <script src="http://code.jquery.com/jquery-1.4.4.js"></script>
</head>
<body>
  <form>
    <input type="button" value="Кнопка"/>
    <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></select>

<textarea></textarea>
<button>Кнопка</button>
</form>
<div id="messages">
</div>
<script>

var allInputs = $(":input");
var formChildren = $("form > *");
$("#messages").text("Найдено " + allInputs.length + " элементов ввода формы, и форма имеет " +
formChildren.length + " вложенных элементов.");

// so it won't submit
$("form").submit(function () { return false; });

</script>

</body>
</html>

В этом примере будет выбрано 13 элементов.