Advertisement
Guest User

Untitled

a guest
Nov 22nd, 2017
70
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.90 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.    <head>
  4.       <title></title>
  5.    </head>
  6.    <style>
  7.       .column {
  8.       float: left;
  9.       width: 50%;
  10.       }
  11.       /* Clear floats after the columns */
  12.       .row:after {
  13.       display: table;
  14.       clear: both;
  15.       }
  16.       div{
  17.       margin-bottom:6px;
  18.       }
  19.       form label {
  20.       display: inline-block;
  21.       width: 100px;
  22.       }
  23.       form input {
  24.       display: inline-block;
  25.       margin-bottom: 5px;
  26.       }
  27.    </style>
  28.    <body>
  29.     <div>
  30.       <form>
  31.          <div class="row">
  32.             <div class="column">
  33.                <label for="name">Name:</label>
  34.                <input type="text" id="name">
  35.             </div>
  36.             <div class="column">
  37.                <label for="name">Usuario:</label>
  38.                <input type="text" id="name">
  39.             </div>
  40.          </div>
  41.          <div class="row">
  42.             <div class="column">
  43.                <label for="name">Apellidos:</label>
  44.                <input type="text" id="name">
  45.             </div>
  46.             <div class="column">
  47.                <label for="name">Contraseña:</label>
  48.                <input type="password" id="name">
  49.             </div>
  50.          </div>
  51.          <div class="row">
  52.             <div class="column">
  53.                <label for="name">Direccion:</label>
  54.                <input type="text" id="name">
  55.             </div>
  56.             <div class="column">
  57.                <label for="name">Poblacion:</label>
  58.                <input type="text" id="name">
  59.             </div>
  60.          </div>
  61.          <div class="row">
  62.             <div class="column">
  63.                <input type="radio" name="gender" value="male" checked> Primero<br>
  64.             </div>
  65.             <div class="column">
  66.                <input type="checkbox" name="vehicle" value="Bike"> SI<br>
  67.                <input type="checkbox" name="vehicle" value="Car" > Programación<br>
  68.                <input type="checkbox" name="vehicle" value="Bike">ED<br>
  69.                <input type="checkbox" name="vehicle" value="Car"> BBDD<br>
  70.                <input type="checkbox" name="vehicle" value="Bike">Leng Marcas<br>
  71.                <input type="checkbox" name="vehicle" value="Car" > FOL<br>
  72.             </div>
  73.          </div>
  74.          <div class="row">
  75.             <div class="column">
  76.                <input type="radio" name="gender" value="male"> Acceso a datos<br>
  77.             </div>
  78.             <div class="column">
  79.                <input type="checkbox" name="vehicle" value="Bike">Inglés<br>
  80.                <input type="checkbox" name="vehicle" value="Car" > Empresa<br>
  81.                <input type="checkbox" name="vehicle" value="Bike">Desarrollo Interfaces<br>
  82.                <input type="checkbox" name="vehicle" value="Car" >PSP<br>
  83.                <input type="checkbox" name="vehicle" value="Bike"> Moviles<br>
  84.             </div>
  85.          </div>
  86.       </form>
  87.   </div>
  88.    </body>
  89. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement