En este artículo veremos más a detalle los campos de texto en contact form 7. Los campos de texto están presentes en casi todos los formularios. Estos elementos son una parte esencial para la recolección de datos. Como tal vez ya sabes, HTML tiene dos tipos de elementos para capturar información de tipo texto: <input type=”text”> para textos de una sola línea y <textarea> para textos de múltiples líneas.
Contact Form 7 nos brinda varios tipos de form tags para representar estos dos tipos de elementos HTML, estos form tags son: text, email, tel, url y textarea. En este artículo veremos información más detallada acerca de estos tipos.
Texto (text): El form tag text se usa para solicitar información que puede representarse en una sola línea, un nombre es un buen ejemplo de este tipo de entrada.
Email (email): Este tipo de entrada sólo acepta direcciones de correo válidas.
URL (url): Este tipo de entrada sólo acepta urls.
Teléfono (tel): Sólo acepta números telefónicos.
Textarea (textarea): Acepta entrada multilínea, usualmente se emplea para pequeños bloques de texto, por ejemplo mensajes cortos.
Recordemos que para hacer un campo obligatorio, basta con poner un asterisco (*) después de el tipo, por ejemplo: [text*], [email*] etc.
Veamos un ejemplo práctico del uso de estas form tags. Supongamos que necesitamos reunir información de empresas que requieren de un servicio específico. Vamos a crear un formulario para pedir al usuario el nombre de la persona de contacto, teléfono, correo electrónico, url del sitio web y un campo para que nos envíe un pequeño mensaje.
En este caso los campos nombre, teléfono y correo electrónico deben ser obligatorios porque son esenciales para establecer contacto con el cliente potencial. Los otros campos serán opcionales.
Así es como definiremos los campos desde la pestaña “Form” del plugin.
En el resultado tendremos algo como esto; recuerda que el resultado final dependerá de los estilos de tu tema y de la configuración de tu sitio. En mi caso yo uso el tema Genratepress.
Así es como usamos los campos de texto dentro de Contact Form 7. Existen opciones más avanzadas dentro del plugin pero las veremos más a fondo en otro artículo.
