Puedes usar CSS si necesitas ocultar las etiquetas de los campos de tu formulario para que coincidan con el estilo de tu sitio o simplemente prefieres no mostrar las etiquetas de los campos. Esta guía muestra cómo crear el código CSS para ocultar las etiquetas de los campos de tu formulario.
Ocultar todas las etiquetas de los campos
Para ocultar todas las etiquetas de los campos en tu formulario, aplica el siguiente código CSS:
.form-label {
display: none;
}Consulta Cómo Inyectar Códigos CSS Personalizados para aplicar el código CSS a tu formulario.
Ocultar etiquetas de campos específicos
Para ocultar ciertas etiquetas de campos
- En el Creador de Formularios, selecciona el icono de engranaje del elemento para abrir las propiedades.
- En el panel de propiedades, ve a Avanzado en la parte superior.
- Abre Detalles del Campo.
- Anota el ID del campo.
- Obtén la primera parte numérica del ID del campo justo después del primer guion bajo y añade “#label_” a eso. Este será el ID de la etiqueta del campo.
Por ejemplo
| IDs de Campos | ID de la Etiqueta del Campo |
|---|---|
| #input_4 | #label_4 |
| #first_7, #last_7 | #label_7 |
| #input_10_addr_line1, #input_10_addr_line2… | #label_10 |
| #input_12_0_0, #input_12_0_1, #input_12_1_0… | #label_12 |
- Añade una declaración CSS display: none; al ID de la etiqueta del campo. Por ejemplo, usando el ID de la etiqueta del campo #label_4, el código es el siguiente:
#label_4 {
display: none;
}También puedes aplicar la declaración a múltiples etiquetas de campo separadas por comas usando una sola regla:
#label_4, #label_7, #label_10, #label_12 {
display: none;
}- Inyecta el código CSS en tu formulario.
Enviar Comentario: