HTML
Código:
CSS<div id="formulario" class="form"> <form action="guardarusuario.php" name="form" id="form" method="post"> <label>Nombre: <span class="small">Obligatorio</span> </label> <input type="text" name="nombre" id="nombre" value="<?PHP echo $_GET["nombre"];?>"> <label>Apellido: <span class="small">Obligatorio</span> </label> <input type="text" name="apellido" id="apellido" value="<?PHP echo $_GET["apellido"];?>" /> <label>Cédula:</label> <input type="text" name="cedula" id="cedula" value="<?PHP echo $_GET["cedula"];?>"> <label>Mail 1: <span class="small">Obligatorio</span> </label> <input type="text" name="mailUno" id="mailUno" value="<?PHP echo $_GET["mailUno"];?>"> <label>Mail 2:</label> <input type="text" name="mailDos" id="mailDos" value="<?PHP echo $_GET["mailDos"];?>"> <label>Teléfono:</label> <input type="text" name="telefono" id="telefono" value="<?PHP echo $_GET["telefono"];?>"> <label>Celular:</label> <input type="text" name="celular" id="celular" value="<?PHP echo $_GET["celular"];?>"> <label>Dirección:</label> <input type="text" name="direccion" id="direccion" value="<?PHP echo $_GET["direccion"];?>" /> <label>Profesión:</label> <input type="text" name="profesion" id="profesion" value="<?PHP echo $_GET["profesion"];?>"> <label>Recibir novedades:</> <input type="checkbox" name="recibir" id="recibir" checked="checked" value="1" /> </label> <input type="button" name="acceder" id="acceder" class="boton" onclick="Validar(form)" value="Suscribirse" /> <div class=”spacer”></div> </form> </div> </div>
Código:
/*BLOQUE PARA FORMULARIOS*/ p, h1, form, button{border:0; margin:0; padding:0;} .spacer{clear:both; height:1px;} /* ———– My Form ———– */ .form{ margin:0 auto; width:400px;/* 400 */ padding:14px; } p, h1, form, button{border:0; margin:0; padding:0;} .spacer{clear:both; height:1px;} /* ———– stylized ———– */ #formulario{ /*border:solid 2px #804000; /*background: #EEC180;*/ height:240px;/*120px;*/ } #formulario h1 { font-size:14px; font-weight:bold; margin-bottom:8px; } #formulario p{ font-size:11px; color:#666666; margin-bottom:20px; border-bottom:solid 1px #b7ddf2; padding-bottom:10px; } #formulario label{ display:block; font-weight:bold; text-align:right; width:140px; float:left; } #formulario .small{ color:#666666; display:block; font-size:11px; font-weight:normal; text-align:right; width:140px; } #formulario input{ float:left; font-size:12px; padding:4px 2px; border:solid 1px #996633; width:200px; margin:2px 0 10px 10px; } #formulario button{ clear:both; margin-left:150px; width:125px; height:31px; background:#422913; /*url(img/button.png) no-repeat;*/ text-align:center; line-height:31px; color:#FFFFFF; font-size:11px; font-weight:bold; } #formulario textarea:focus, #formulario input:focus { border: 2px solid #900; } #formulario textarea{ float:left; font-size:12px; padding:4px 2px; border:solid 1px #996633; width:200px; margin:2px 0 10px 10px; }