4. FORMULARIO HTML Python Flask | Python WEB desde cero | SUMAR DOS NUMEROS en Python Web

SUSCRÍBETE A Byspel Tech AQUÍ👉 bit.ly/Suscrib... 🚀
Hoy crearemos un formulario HTML, para hacer una petición POST, con la cual sumaremos dos números en nuestra aplicación con Python y Flask.
Curso completo de Flask con Python para crear Apliaciones Web:
• Aplicaciones WEB con P...
Flask web development with Python tutorial
Para crear aplicaciones web con Python y Flask, necesitamos comprender y manejar ciertos conceptos del desarrollo Web, como lo es el uso de básico de HTML, peticiones de tipo GET y POST, entre otras cosas, en el siguiente vídeo, te mostraré cómo puedes integrar HTML, con tu backend en Python con Flask, sin duda aprender este Framework, te permitirá realizar rápidamente todos tus proyectos Web.
CSS utilizado en el Vídeo:
/* Estilo para el cuerpo del documento HTML */
body {
font-family: Arial, sans-serif; /* Establece la fuente para el texto del cuerpo */
display: flex; /* Hace que el contenedor del cuerpo use flexbox */
justify-content: center; /* Centra los elementos hijos horizontalmente */
align-items: center; /* Centra los elementos hijos verticalmente */
height: 100vh; /* Establece la altura del cuerpo al 100% del viewport height */
background-color: #f0f0f0; /* Establece el color de fondo del cuerpo */
}
/* Estilo para el formulario */
form {
background-color: #fff; /* Establece el color de fondo del formulario */
padding: 20px; /* Añade relleno alrededor del contenido del formulario */
border-radius: 8px; /* Establece la curvatura de los bordes del formulario */
}
/* Estilo para las etiquetas */
label {
display: block; /* Hace que las etiquetas ocupen su propio bloque, cada una en una línea */
margin-bottom: 10px; /* Añade espacio debajo de cada etiqueta */
}
/* Estilo para los campos de entrada de texto */
input[type="text"] {
width: 100%; /* Establece el ancho del campo de entrada de texto al 100% del contenedor */
padding: 8px; /* Añade relleno dentro del campo de entrada */
margin-bottom: 15px; /* Añade espacio debajo del campo de entrada */
border: 1px solid #ccc; /* Establece un borde de 1 píxel sólido de color gris claro */
border-radius: 4px; /* Establece la curvatura de los bordes del campo de entrada */
box-sizing: border-box; /* Hace que el ancho y el alto incluyan el contenido, el relleno y el borde, pero no los márgenes */
}
/* Estilo para el botón de envío del formulario */
input[type="submit"] {
width: 100%; /* Establece el ancho del botón de envío al 100% del contenedor */
padding: 10px; /* Añade relleno dentro del botón de envío */
background-color: #49ab4c; /* Establece el color de fondo del botón de envío */
color: #fff; /* Establece el color del texto del botón de envío */
border-radius: 4px; /* Establece la curvatura de los bordes del botón de envío */
}
PROYECTOS, CURSOS, CÓDIGOS FUENTE AQUÍ:
👉 shop.byspel.com/
Mi Sitio Web:
👉byspel.com
Apoya mi contenido con una donación!:
✅ paypal.me/byspel
SÍGUEME en mis redes sociales, para estar en contacto!
👥 - FACEBOOK: / byspelco
✅ WhatsApp: whatsapp.com/c...
🐦 - TWITTER: / byspel
📸 - Instagram: / byspel_tech
📲 - TikTok: / byspel
🏴 - Threads: www.threads.ne...
------------------------------
Haru by Roa
/ roa_music1031
Creative Commons - Attribution 3.0 Unported - CC BY 3.0
Free Download / Stream: tinyurl.com/4a...
Music promoted by Audio Library tinyurl.com/2s...
------------------------------
🎵 Track Info:
Title: Haru by Roa
Genre and Mood: Dance & Electronic + Happy
---
🎧 Available on:
Spotify: open.spotify.c....
iTunes: geo.music.appl....
Deezer: www.deezer.com...
KZbin:
• Roa - Haru 【Official】
SoundCloud:
/ haru
KZbin Music:
• Roa - Haru 【Official】
---
😊 Contact the Artist:
Roa:
[e-mail]
/ roa_music1031
/ @roamusic
open.spotify.c....
/ roa
play.google.co....
deezer.com/us/...
/ roa__music
/ roa__music
/ roamusiccc
---