# Селектор input

Селектор `:input` выбирает элементы управления формы - инпуты, текстареа, выпадающие списки и кнопки. Смотрите теги: `input`, `textarea`, `button`, `select`. Так как `:input` не относится к CSS спецификации, то для улучшения производительности в современных браузерах лучше в начале отфильтровать элементы с использованием чистого css-селектора, а затем применить `.filter(':input')`.

## Синтаксис

Так мы выбираем элементы управления формой:

`$(':input');`

## Пример

Давайте, согласно приведенной выше теории, выберем все элементы управления формой и выведем в консоль их число, с помощью свойства `length`. Мы увидим, что туда попали все `13` тегов:

`<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>` `textarea { height: 25px; }` `let allInputs = $(':input'); console.log('Tags amount: ' + allInputs.length); $('form').submit(function(event) { event.preventDefault(); // предотвращает отправку формы });`

## Смотрите также

- метод `filter`,
  который фильтрует элементы в наборе по заданному селектору
- тег `form`
- тег `input`

←→
↑