viernes, 14 de junio de 2013
Hola que tal hoy mostraremos como crear un formuario en html5, lamentabelmete hoy no dispongo de mucho tiempo asi que les dejo el codigo, la matoria de las etiquetas ya las emos usado antes asi que no sera nuevo, lo unico que ahora utilzaremos una nueva <label> es para los formularios.
si encuentran algo raro o que no se entienda, por favor dejan el comentario y tan pronto como pueda les contesto.
<html lang="es"> <head> <meta charset="utf-8 /> <title>Formularios en HTML5</title> </head> <body> <form id="formulario_1"> <p> <label for="nombre">Nombre: </label> <input type="text" name="nombre" id="nombre" placeholder="Jordi Martinez" autofocus autocomplete required> </p> <p> <label for="pass">Contraseña: </label> <input type="text" name="pass" id="pass" placeholder="qwer123" pattern="[a-z](4)[0-9](3)"/> (la contraseña debe contener 4 letras y 3 números) </p> <p> <label for="fono">Teléfono: </label> <input type="tel" name="fono" id="fono" placeholder="+34935551234"> </p> <p> <label for="web">Página WEB: </label> <input type="url" name="web" id="web" placeholder="www.miweb.com"> </p> <p> <label for="num">Número de zapatos: </label> <input type="number" name="num" id="num" min="2" max="20" step="2" placeholder="2"> </p> <p> <label for="f_envio">Fecha de envio: </label> <input type="date" name="f_envio" id="f_envio" min="2013-02-16"> </p> <p> <label for="col">Color de los zapatos: </label> <input type="color" name="col" id="col" value="#000000"> </p> <p> <label for="buscar">Buscar: </label> <input type="search" name="buscar" id="buscar"> </p> <p> <label for="valora">Valora la web: </label> <input type="range" name="valora" id="valora" min="0" max="10"> (entre 0 y 10) </p> <p> <fieldset> <legend>Selecciona la prioridad: </legend> <p><label> <input type="radio" name="prior" value="baja" checked> Baja </label></p> <p><label> <input type="radio" name="prior" value="media"> Media </label></p> <p><label> <input type="radio" name="prior" value="alta"> Alta </label></p> </fieldset> </p> <p> <fieldset> <legend>Selecciona el tipo de envio: </legend> <p><label><input type="checkbox" name="envio" value="urgente" checked> Urgente </label></p> <p><label><input type="checkbox" name="envio" value="acuse"> Con acuse de recibo </label></p> <p><label><input type="checkbox" name="envio" value="reembolso"> Contra reembolso </label></p> </fieldset> </p> <input type="submit" value="Validar"> </form> </body> </html>
Suscribirse a:
Entradas (Atom)