Avisos
Vaciar todo

problemas con el formulario  

 
Germán
 Germán
Estimable Member

Buenos días,

he puesto este formulario que veis adjunto con este código que he encontrado como responsive y en dos columnas:

_________________

Nombre [text* first-name]
Apellido [text* last-name]
Tu email [email* your-email]
Telefono [text* your-phone]
Asunto [text* your-subject]
Mensaje [textarea* your-message]
[submit "Enviar"]


____________________

Después le he quitado los br para que fuese en una línea el nombre del campo y el campo.

Dos problemas que tengo con él:

1.- si el nombre del campo es más largo o más corto que el resto, los campos le siguen, es decir no quedan justificados. Por eso he puesto "Tu email" en vez de sólo "Email" porque si no quedaría su campo hacia la izquierda. Como veis pasa lo mismo con "Asunto" y "Mensaje". Cómo puedo hacerlo sin tener que jugar con el número de caracteres del nombre del campo?

2.- como veis también en la columna de la derecha el nombre del campo "Mensaje" aparece abajo, no entiendo por qué...

Podéis echarme una mano por favor¿?

Gracias por adelantado,

Germán

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 02/03/2017 10:24 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola German.

No consigo ver el formulario que nos indicas, ¿ Puedes pasarnos una URl para que podamos verlo ?

Lo que no entiendo por que utilizas un código para el formulario si dispones de plugins que te facilitan ese trabajo y además te dan mas opciones de las que te puede ofrecer lo que tienes ahora.

Revisa la extensión Contact Form 7, puedes crear todos lo sformularios que necesites y añadirlos en cualquier parte de tu web.

Te dejo información sobre esta extensión:
Como crear tu formulario de contacto en 5 minutos usando Contact Form 7 para WordPress

un saludo

ResponderCitar
Respondido : 02/03/2017 1:46 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Germán
 Germán
Estimable Member

Buenas,

pues busqué algo que fuese responsive... Me dicen que los de Contact Form 7 lo son...
Voy a intentarlo con el plugin.

Thanks!

ResponderCitar
Respondido : 03/03/2017 1:32 pm
Germán
 Germán
Estimable Member

Estoy con ello y me he dado cuenta que me vendría genial poner la etiqueta dentro del campo, me ahorraría mucho espacio... Cómo puedo hacerlo?

Gracias!

ResponderCitar
Respondido : 03/03/2017 2:05 pm

Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Para que la etiqueta del campo se muestre dentro del propio campo tendrás que utilizar el watermark.

Por ejemplo, de

[text* first-name]

pasarías a poner

[text* first-name watermark "Nombre"]

En este caso se mostraría el texto Nombre dentro del campo.

Espero que esto te sirva.

ResponderCitar
Respondido : 03/03/2017 3:43 pm
Germán
 Germán
Estimable Member

Genial! Gracias Pablo!
Tenía acotadores de tamaño de campo y lo he puesto al final para que funcione.

ResponderCitar
Respondido : 06/03/2017 11:46 am

wpdoctor-revisa-la-salud-de-tu-wordpress