Tema: Modificar formulario html
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 27/05/2015, 07:09
superweb360
(Desactivado)
  
Fecha de Ingreso: abril-2015
Ubicación: España
Mensajes: 616
Antigüedad: 9 años, 10 meses
Puntos: 74
Respuesta: Modificar formulario html
Aquí te dejo una solución a tu problema

Código HTML: 
Ver original
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4.     <meta http-equiv="content-type" content="text/html" />
  5.     <meta name="author" content="" />
  6.     <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  7. <style>
  8. div
  9. {
  10.   border:1px solid black;
  11. }
  12. label
  13. {
  14.   display:inline-block;
  15.   background:#eee;
  16.   border-right:1px solid black;
  17.   padding-right:5px;
  18.   border-left: 1px solid black;
  19. }
  20. input
  21. {
  22.   display:inline-block;
  23. }
  24. </style>
  25.     <title>Sin título 1</title>
  26. </head>
  27.  
  28. <body>
  29. <div style="background:black;color:white;">DATOS PERSONALES</div>
  30. <div>
  31.     <label>Nombres y apellidos</label>
  32.     <input type="text" />
  33. </div>
  34. <div>
  35.     <label>Dirección</label>
  36.     <input type="text" />
  37. </div>
  38. <div>
  39.     <label>Tel. celular</label>
  40.     <input type="text" />
  41.     <label>Tel. fijo</label>
  42.     <input type="text"/>
  43. </div>
  44. <div>
  45.     <label>Correo personal</label>
  46.     <input type="text" />
  47.     <label>Correo laboral</label>
  48.     <input type="text"/>
  49. </div>
  50. <div>
  51.     <label>Facebook</label>
  52.     <input type="text" />
  53. </div>
  54. <div>
  55.     <label>Fecha de nacimiento</label>
  56.     <input type="text" />
  57.     <label>Lugar de nacimiento</label>
  58.     <input type="text"/>
  59. </div>
  60. </body>
  61. </html>
Última edición por superweb360; 27/05/2015 a las 07:31