Week-5/ex18/ex18.html

<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="style.css" type="text/css" />
    <title>ex18</title>
  </head>
  <body>
    <div id="center-column">
      <h1>Introducir los campos de las personas</h1>
      <form id="form">
        <label>Usuario <input type="text" id="username" /> </label>
        <label>Apellidos <input type="text" id="surname" /> </label>
        <label>Nombre <input type="text" id="name" /> </label>
        <label>Contraseña <input type="password" id="password" /> </label>
        <label
          >Email de la compañía <input type="email" id="emailCompania" />
        </label>
        <label>Email personal <input type="email" id="emailPersona" /> </label>
        <label>Ciudad <input type="text" id="city" /> </label>
        <label>url de la imagen <input type="url" id="imagenUrl" /> </label>
        <label
          >Fecha de creación <input type="date" id="createdDate" />
        </label>
        <label>Activado <input type="checkbox" id="active" /> </label>
        <label
          >Fecha de finalización <input type="date" id="finishDate" />
        </label>
      </form>
    </div>
    <div id="buttons">
      <button>Editar</button>
      <button>Limpiar</button>
    </div>
  </body>
</html>