Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!doctype>
- <html lang="es">
- <head>
- <title>Formulario</title>
- <meta charset="UTF-8">
- <style>
- body {
- background-color: whiteSmoke;
- text-align:center;
- }
- form {
- margin: auto;
- width: 50%;
- padding: 2em;
- border: 1px solid;
- border-radius: 1em;
- background-color: AliceBlue;
- }
- div {
- margin:1em;
- text-align: auto;
- }
- button {
- margin-left: 1em;
- background-color: CornSilk;
- }
- textarea {
- width: 50%;
- height: 100px;
- }
- </style>
- </head>
- <body>
- <hgroup>
- <h1>Formulario de registro</h1>
- </hgroup>
- <form action="https:www.w3schools.com/action_page.php" method="post" enctype="multiform/form-data">
- <fieldset>
- <legend>Datos personales</legend>
- <div>
- <label for="name">Nombre</label><br>
- <input type="txt" name="nombre" required/>
- </div>
- <div>
- <label for="surname">Apellido</label><br>
- <input type="txt" name="apellido" required/>
- </div>
- <div>
- <label for="birthday">Fecha de nacimiento</label><br>
- <input type="date" id="birthday" name="fecha_nacimiento" placeholder="dd/mm/yyyy"/>
- </div>
- </fieldset>
- <div>
- <label for="sugerencias">Sugerencias:</label><br>
- <textarea name="sugerencias" placeholder="Sugerencias o comentarios"></textarea>
- </div>
- <div class="button">
- <button type="submit">Enviar</button>
- <button type="reset">Borrar</button>
- </div>
- </form>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement