Avisos
Vaciar todo

problemas con el formulario

6 Respuestas
3 Usuarios
0 Reactions
434 Visitas
Respuestas: 155
Estimable Member
Topic starter
 

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


 
Respondido : 02/03/2017 10:24 am
Pepe
 Pepe
Respuestas: 41273
Illustrious Member 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


 
Respondido : 02/03/2017 1:46 pm
Respuestas: 155
Estimable Member
Topic starter
 

Buenas,

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

Thanks!


 
Respondido : 03/03/2017 1:32 pm
Respuestas: 155
Estimable Member
Topic starter
 

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!


 
Respondido : 03/03/2017 2:05 pm
Pablo Velasco
Respuestas: 20382
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.


 
Respondido : 03/03/2017 3:43 pm
Respuestas: 155
Estimable Member
Topic starter
 

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


 
Respondido : 06/03/2017 11:46 am