El atributo placeholder hace que aparezca un ejemplo del valor requerido (mas atenuado) para que sirva de guia al usuario de la web.<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<link rel="stylesheet" href="hojadeestilo.css">
<title>Formulario</title>
</head>
<body>
<header>
<h1>Formulario</h1>
<figure><img src="milogo.jpeg"/></figure>
</header>
<nav>
<ul>
<li><a href="index.html">Inicio</a></li><li><a href="acercade.html">Acerca de</a></li>
</ul>
</nav>
<section>
<article>
<h1>Mi Formulario</h1>
<form>
<label>Nombre:</label>
<input type="text" placeholder="nombre" required/>
<label>Telefono:</label>
<input type="number" placeholder="954358864"/>
<label>Fecha Nacimiento:</label>
<input type="date" value="2016-07-12"/>
<button type="submit">Guardar</button></article>
</form>
</section>
<aside><h1>Siguenos en:</h1><ul>
<li><a href="facebook.html">Facebook</a>
</li><li><a href="twitter.html">Twitter</a></li>
</ul></aside>
<footer>
<p>Pagina creada por Ticoticotaa @2016</p>
<ul>
<li><a href="contacto.html">Contacto</a>
</li><li><a href="mapaweb.html">Mapa Web</a></li>
</ul></footer>
</body>
</html>
Tambien aparece la etiqueta label que genera el nombre que aparece como etiqueta del campo a insertar.
Espero sea util, gracias,
No hay comentarios:
Publicar un comentario