Ver Mensaje Individual
  #2 (permalink)  
Antiguo 17/09/2012, 12:40
Avatar de flashmax
flashmax
 
Fecha de Ingreso: julio-2012
Ubicación: Bs.As. Argentina
Mensajes: 507
Antigüedad: 12 años, 4 meses
Puntos: 86
Respuesta: Form HTML5, PHP, CSS y cosicas raras..

Te dejo un ejemplo haber si te sirve ..saludos!

Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<html>
<head>
<script type="text/javascript">
function validar() 
{
if (document.ContactForm.Nombre.value=="") // nombre del campo
{
alert("Debe ingresar su Nombre");
document.ContactForm.Nombre.focus();
return;
}
document.ContactForm.submit();
}
</script>
</head>

<body>
<div id="contenedor">
<form id="ContactForm" action="contactform.php" name="ContactForm" method="post">
						<div>
							<div  class="wrapper">
								<span>*Nombre:</span>
								<input name="Nombre" type="text" required class="input" id="Nombre" maxlength="60">
							</div>
                            <div  class="wrapper">
								<span>Empresa:</span>
								<input name="Empresa" type="text" class="input" id="Empresa" maxlength="50">
							</div>
                            <div  class="wrapper">
								<span>*Motivo:</span>
								<input name="motivo" type="text" class="input" id="motivo" maxlength="50">
</div>
								<div  class="wrapper">
								<span>*Telefono</span>
								<input type="tel" id="geografico" name="geografico" placeholder="+34" size="3" value="+34" disabled>
<input type="tel" id="telefono" name="telefono" size="6" maxlength=9 required pattern="[0-9]{6}" class="input" >
							</div>
                            <div  class="wrapper">
								<span>E-mail</span>
								<input type="email" id="mail" name="mail" required class="input" >
							</div>
							<div  class="textarea_box">
								<span>Su mensaje:</span>
								<textarea id="consulta" name="consulta" cols="1" rows="1"></textarea>
							</div>
                            <div  id="aster"> * | Campos obligatorios
                              
                              <br>
                              <input type="checkbox" name="condiciones" required id="condiciones">
                              <label for="condiciones">Acepto las condiciones*</label>
                  </div>
							<a href="javascript:validar();">Enviar</a>
							<a href="#" onClick="document.getElementById('ContactForm').reset()">Limpiar</a>
						</div>
					</form> 
</div>
</body>
</html> 
__________________
Saludos!
----------------------------------------------------------