En esta guía vamos a detallar los pasos para realizar un formulario de contacto en un sitio web. Para ello vamos a utilizar las nuevas etiquetas de HTML5 y también vamos a trabajar con CSS3, de esta manera podremos manipular las funciones del formulario y su apariencia
Con el formulario que vamos a realizar SE PODRÁ recibir información de usuarios a su sitio web y aparte otorgarle un bonito diseño a dicho formulario.
El código HTML es el siguiente
[<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<title>HTML5 Contact Form</title>
<link rel="stylesheet" media="screen" href="styles.css" >
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk
/html5.js"></script>
<![endif]-->
</head>
<body>
<form class="contact_form" action="#" method="post">
<ul>
<li>
<h2>Formulario de Contacto</h2>
</li>
<li>
<label for="name">Nombre:</label>
<input type="text" placeholder="Neoteo" required />
</li>
<li>
<label for="email">Email:</label>
<input type="email" name="email" placeholder="neoteo@neoteo.com" required />
</li>
<li>
<label for="website">Sitio Web:</label>
<input type="url" name="web" placeholder="www.neoteo.com" required />
</li>
<li>
<label for="Mensaje">Mensaje:</label>
<textarea name="Mensaje" cols="40" rows="6" required ></textarea>
</li>
<li>
<button class="submit" type="submit">Enviar</button>
</li>
</ul>
</form>
</body>
</html>]
No hay comentarios.:
Publicar un comentario