Formularios Desde Cero: Dale estilo a tu formulario con CSS en Apps Script
Вставка
- Опубліковано 6 гру 2024
- 🎓 Formularios Desde Cero con Apps Script, HTML y CSS | Episodio 3: Dale Estilo a Tu Primer Formulario HTML
¡Bienvenido al tercer video de la serie "Formularios Desde Cero"! En este episodio, te mostraré cómo dar estilo a tu formulario HTML usando CSS para crear una interfaz visual más atractiva y profesional.
🔍 ¿Qué aprenderás en este vídeo?
Introducción a CSS : Aprende los conceptos básicos de CSS y cómo aplicarlo a tus formularios HTML para personalizarlos.
Estilos de diseño : Descubre cómo cambiar colores, fuentes, bordes y ajustar el diseño general de tu formulario.
Ejemplo práctico : Aplicaremos estilos paso a paso en un formulario para que veas cómo CSS mejora la presentación visual.
📈 ¿Por qué estilizar con CSS? El uso de CSS te permite mejorar la experiencia del usuario y la apariencia de tus formularios, haciendo que tu aplicación sea más atractiva y fácil de usar.
✨ No olvides suscribirte y activar las notificaciones para no perderte ningún episodio de esta serie. ¿Tienes dudas o sugerencias? Déjalas en los comentarios, ¡estoy aquí para ayudarte a aprender!
Segundo video de la serie: • Formularios Desde Cero...
Repositorio de código: carlosg28.blog...
Excelentes Videos y la forma de enseñar Gracias Carlos , saludo desde Bogotá Colombia Gustavo Meza
Hola Gustavo, espero sea de utilidad. Muchas gracias por el comentario. Saludos.
Gracias por el buen vídeo.
Espero les sea de utilidad. Muchas gracias por el comentario.
@carlosg89 Entiendo que tienes tus planes en tus videos pero me preguntaba si tienes pensando en dar algún tutorial de como trabajar con una datatable al cual se le inserte información y que según la fila seleccionada se pueda editar o eliminar y posteriormente se registre dicha información a una hoja de cálculo?
Muchas gracias por el video, una pregunta como podemos modicicar el mensaje de alerta, que me sale un a serie de letras distinitas a las escritas dentro del codigo
Hola amigo, finalizando el código tienes una línea con lo siguiente: alert('Datos guardados exitosamente'); acá es donde modificas el mensaje de alerta, es muy importante verificar si lo que te sale es debido a la falta de las comillas que deben encerrar el mensaje, también en el archivo de script debes fijarte que la sintaxis de la función guardar datos este correcta:
function guardarDatos(datos) {
const hoja = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet();
hoja.appendRow([
datos.nombres,
datos.apellidos,
datos.documento,
datos.direccion,
datos.fechaNacimiento,
datos.email,
datos.telefono,
datos.pais,
datos.genero,
datos.contrasena
]);
}
recuerda que la ultima línea (datos.contrasena) no lleva coma por ser la última de la matriz