Selectores de formularios

Le toca el turno a los selectores de formulario. Este tipo de selectores se utilizan para acceder a una gran variedad de elementos de formulario dependiendo del tipo.

Como son una gran cantidad no voy a seguir el formato empleado en los otros selectores. Vamos a ver un resumen de la función de cada selector y si acaso algunos ejemplos. De todas formas la mayoría son autodescriptivos.

- Url de la documentación: http://api.jquery.com/category/selectors/form-selectors/

Form Selector

• :input Selector : Selecciona todos los elementos de formulario(<input> de todos los tipos, <select>, <textarea> y <button>).

• :text Selector : Selecciona todos los inputs de tipo texto(<input type=”text”>).

• :password Selector : Selecciona todos los inputs de tipo password(<input type=”password”>).

• :radio Selector : Selecciona todos los inputs de tipo radio(<input type=”radio”>).

• :checkbox Selector : Selecciona todos los inputs de tipo checkbox(<input type=”checkbox”>).

• :submit Selector : Selecciona todos los inputs de tipo submit y los botones (<input type=”submit”>, <button>).

• :image Selector : Selecciona todos los inputs de tipo image(<input type=”image”>).

• :reset Selector : Selecciona todos los botones de reset(<input type=”reset”>).

• :button Selector : Selecciona todos los botones e inputs de tipo button(<button>, <input type=”button”>).

• :file Selector : Selecciona todos los inputs de subida de archivos(<input type=”file”>).

• :enabled Selector : Selecciona todos los elementos de formulario que están habilitados, es decir, aquellos que no tienen el atributo disabled.

• :disabled Selector: Selecciona todos los elementos de formulario que están deshabilitados, es decir, aquellos que tienen el atributo disabled.

• :checked Selector: Selecciona todos los elementos del formulario que están checkeados, es decir, los botones de checkbox y radio seleccionados.

• :selected Selector: Selecciona todos los elementos de formulario que están seleccionados, es decir, los elementos <option> seleccionados en un <select>.

Como la mayoría de selectores de formularios son autodescriptivos no veo la necesidad de ejemplos. Se utilizan mucho para la validación de formularios o incluso para dar estilos en general a todo un formulario.

Como con otros selectores, los selectores de formulario se pueden combinar con mayor especificidad. Podemos, por ejemplo seleccionar todos los botones de tipo radio seleccionados pero no los de tipo checkbox mediante la combinación de los selectores $(‘:radio:checked’) o seleccionar todos los inputs de tipo text deshabilitados mediante la combinación de selectores $(‘:text:disabled’).