Advertisement
teslariu

formulario

Mar 18th, 2022
810
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 1.80 KB | None | 0 0
  1. <!doctype>
  2. <html lang="es">
  3.  
  4. <head>
  5.     <title>Formulario</title>
  6.     <meta charset="UTF-8">
  7.     <style>
  8.         body {
  9.             background-color: whiteSmoke;
  10.             text-align:center;
  11.         }
  12.  
  13.         form {
  14.             margin: auto;
  15.             width: 50%;
  16.             padding: 2em;
  17.             border: 1px solid;
  18.             border-radius: 1em;
  19.             background-color: AliceBlue;
  20.         }
  21.  
  22.         div {
  23.             margin:1em;
  24.             text-align: auto;
  25.         }
  26.  
  27.         button {
  28.             margin-left: 1em;
  29.             background-color: CornSilk;
  30.         }
  31.  
  32.         textarea {
  33.             width: 50%;
  34.             height: 100px;
  35.         }
  36.  
  37.     </style>
  38.  
  39. </head>
  40.  
  41. <body>
  42.    
  43.     <hgroup>
  44.         <h1>Formulario de registro</h1>
  45.     </hgroup>
  46.  
  47.     <form action="https:www.w3schools.com/action_page.php" method="post" enctype="multiform/form-data">
  48.  
  49.     <fieldset>
  50.         <legend>Datos personales</legend>
  51.         <div>
  52.             <label for="name">Nombre</label><br>
  53.             <input type="txt" name="nombre" required/>
  54.         </div>
  55.         <div>
  56.             <label for="surname">Apellido</label><br>
  57.             <input type="txt" name="apellido" required/>
  58.         </div>
  59.         <div>
  60.             <label for="birthday">Fecha de nacimiento</label><br>
  61.             <input type="date" id="birthday" name="fecha_nacimiento" placeholder="dd/mm/yyyy"/>
  62.         </div>
  63.     </fieldset>
  64.         <div>
  65.             <label for="sugerencias">Sugerencias:</label><br>
  66.             <textarea name="sugerencias" placeholder="Sugerencias o comentarios"></textarea>
  67.         </div>
  68.         <div class="button">
  69.             <button type="submit">Enviar</button>
  70.             <button type="reset">Borrar</button>
  71.         </div>
  72.     </form>
  73. </body>
  74. </html>
  75.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement