Scribd
Upload
5 views2 pages

Formulario.html

This document is an HTML template for a basic contact form. It includes a styled form with fields for name, email, and message, along with a submit button. The design is responsive and visually appealing, centered on the page with a clean layout.

Uploaded by

Franco Videla
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
5 views2 pages

Formulario.html

This document is an HTML template for a basic contact form. It includes a styled form with fields for name, email, and message, along with a submit button. The design is responsive and visually appealing, centered on the page with a clean layout.

Uploaded by

Franco Videla
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

<!

DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Formulario Básico</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}
.form-container {
background-color: white;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
width: 300px;
}
.form-container h2 {
text-align: center;
margin-bottom: 20px;
}
.form-container input {
width: 100%;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-radius: 4px;
}
.form-container button {
width: 100%;
padding: 10px;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
}
.form-container button:hover {
background-color: #45a049;
}
</style>
</head>
<body>

<div class="form-container">
<h2>Formulario de Contacto</h2>
<form action="#" method="POST">
<label for="name">Nombre:</label>
<input type="text" id="name" name="name" required>

<label for="email">Correo Electrónico:</label>


<input type="email" id="email" name="email" required>
<label for="message">Mensaje:</label>
<textarea id="message" name="message" rows="4" required></textarea>

<button type="submit">Enviar</button>
</form>
</div>

</body>
</html>

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy