¿Quieres que los usuarios de tu web puedan contactarte fácilmente? 🔥 ¡Un formulario de contacto es la solución! En esta guía práctica, te enseñaré cómo crear uno desde cero usando Python (con Flask) y HTML, perfecto para principiantes y desarrolladores que buscan una solución rápida.
Al final, ¡te reto a que compartas tu resultado y comentes tus dudas! 👇
🔹 ¿Por Qué Usar Python y HTML para un Formulario?
- Fácil de implementar: Flask (un framework de Python) hace el backend sencillo.
- Totalmente personalizable: Diseña el formulario a tu estilo con HTML/CSS.
- Funcionalidad inmediata: Procesa datos sin complicaciones.
💻 Paso 1: Diseña el Formulario con HTML
Crea un archivo formulario.html con este código limpio y moderno:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contacto - Mi Sitio Web</title>
<style>
body { font-family: 'Arial', sans-serif; max-width: 600px; margin: 0 auto; padding: 20px; }
.form-group { margin-bottom: 15px; }
input, textarea { width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 5px; }
button { background: #4CAF50; color: white; border: none; padding: 10px 20px; cursor: pointer; }
button:hover { background: #45a049; }
</style>
</head>
<body>
<h1>📩 ¡Escríbeme!</h1>
<form action="/enviar" method="POST">
<div class="form-group">
<label for="nombre">Nombre:</label>
<input type="text" id="nombre" name="nombre" required>
</div>
<div class="form-group">
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
</div>
<div class="form-group">
<label for="mensaje">Mensaje:</label>
<textarea id="mensaje" name="mensaje" rows="5" required></textarea>
</div>
<button type="submit">Enviar Mensaje</button>
</form>
</body>
</html>
✨ Mejoras opcionales:
- Añade animaciones con CSS.
- Usa Bootstrap si prefieres un diseño predefinido.
🐍 Paso 2: Procesa los Datos con Python (Flask)
Instala Flask con:
pip install flask
Luego, crea app.py:
from flask import Flask, request, render_template, redirect, url_for
app = Flask(__name__)
@app.route('/')
def home():
return render_template('formulario.html')
@app.route('/enviar', methods=['POST'])
def enviar():
nombre = request.form['nombre']
email = request.form['email']
mensaje = request.form['mensaje']
# Aquí puedes guardar los datos o enviar un correo
print(f"Mensaje de {nombre} ({email}): {mensaje}")
return redirect(url_for('home'))
if __name__ == '__main__':
app.run(debug=True)
🔥 Extras útiles:
- Envía emails con la librería smtplib.
- Guarda respuestas en un archivo CSV o SQLite.
🚀 ¡Personaliza y Comparte!
Ahora que tienes tu formulario funcionando:
✅ Pruébalo localmente (ejecuta python app.py).
✅ Modifica los estilos para que coincida con tu web.
✅ Sube tu proyecto a GitHub o Replit.
👉 ¿Qué más te gustaría aprender?
- ¿Quieres añadir validación avanzada?
- ¿Prefieres usar Django en vez de Flask?
¡Déjame tus preguntas en los comentarios y comparte tu proyecto en redes! 📢
¿Te sirvió esta guía? ¡Dale like y compártela con otros devs! 👨💻👩💻
Comentarios