:input Selector
Selects all input, textarea, select and button elements.
.input()
The :input selector basically selects all form controls.
Finds all input elements.
JS
<form>
<input type="button" value="Input 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>
<div id="messages"></div>
CSS
textarea {
height: 25px;
}
HTML
var allInputs = $(":input");
var formChildren = $("form> *");
$("#messages").text(
"Found " +
allInputs.length +
" inputs and the form has " +
formChildren.length +
" children."
);
$("form").submit(function (event) {
event.preventDefault();
});
DEMO