Campos numéricos en Contact Form 7

Inicio / WordPress / Contact Form 7 / Campos numéricos en Contact Form 7

Los campos numéricos en Contact Form 7 (number fields en inglés) permiten ingresar cantidades en un formulario de contacto. A partir de la versión 3.4, Contact Form 7 nos brinda dos tipos de form tags para representar campos numéricos: “number” y “range”. Básicamente ambos trabajan de la misma manera; los dos reciben sólo valores numéricos, lo único que cambia es la forma en la que el usuario visualiza el campo. Usaremos campos de alguno de estos dos tipos cuando necesitemos recibir cantidades exclusivamente. 

Los form tags “number” y “range” son equivalentes a los inputs de HTML 5 “number” y “range” respectivamente. Un punto importante a tener en cuenta es que no todos los navegadores soportan estos inputs. Incluso los navegadores que tienen soporte para range y number los muestran de forma distinta. En la mayoría de los casos, un input de tipo “number” muestra una casilla con dos flechas para poder incrementar o disminuir la cantidad dentro de la misma. Un input de tipo “range” se muestra como un control de tipo slider. Navegadores viejos e incluso los versiones nuevas que no tienen soporte para estos inputs sólo muestran un campo normal de tipo texto. 

Para representar campos numéricos en Contact Form 7, el plugin nos brinda distintas opciones. Podemos definir la cantidad mínima y máxima que el campo puede aceptar. Es posible también asignar los saltos para cada incremento o decremento. También se puede asignar las opciones generales de los demás campos como identificador, clase etc. 

Supongamos que estamos realizando un formulario para una empresa que se dedica al alquiler de mesas y sillas para eventos especiales (fiestas, reuniones etc.). Esta empresa sólo maneja el alquiler de sillas a partir de cinco unidades. A partir de esa cantidad el usuario sólo podrá rentar sillas en grupos de cinco. Necesitamos entonces un campo de tipo numérico que nos permita recibir cantidades en saltos de cinco. En la siguiente imágen se muestra cómo puedes definir este campo con ambos form tags.

Definición de campos numéricos en Contact Form 7
Resultado de campos numéricos en Contact Form 7

En conclusión, los campos numéricos en Contact Form 7 son una excelente opción para obtener datos que se representan por medio de cantidades. CF7 nos brinda una gran cantidad de opciones que podemos adaptar a nuestras necesidades.