Bien, tengo un problema al rellenar un formulario que se envia a mi correo. El caso es que funciona perfectamente en Chrome y en IE. Pero en navegadores safari(Iphone/Ipad/...) no funciona como deberia(Si voy introduciendo los datos y uso el tabulador para pasar de uno a otro si que funciona como debe), ya que me esta saltando de un campo a otro.
Esta es al web http://www.1x1swap.com/formulario.html
HTML CODE:
<div class="" id="contact-form">
<p id="failure">Oops... Algo anduvo mal.</p>
<p id="success">Gracias, tu inscripción se ha sido enviado correctamente, lo antes posible nos pondremos en contacto contigo.</p>
<form class="form-inline" role="form" action="php/contacto.php" method="post" id="contacto" title="Nombre">
<label for="nombre"><h2 class="colorR tipo16">NOMBRE Y APELLIDOS: <span class="required"></span></label><br>
<input class="form-control name=" name="nombre" type="text" required="required" id="nombre" placeholder="Nombre" title="Nombre"><br>
<label for="email"><h2 class="colorR tipo16">CORREO ELECTRÓNICO: <span class="required"></span></label> <br>
<input class="form-control name=" name="email" type="email" required="required" id="email" placeholder="[email protected]" title="Email"><br>
<label for="ciudad"><h2 class="colorR tipo16">CIUDAD: <span class="required"></span></label><br>
<input class="form-control name=" name="ciudad" type="ciudad" required="required" id="ciudad" placeholder="Lugar" title="Ciudad"><br>
<label for="Mensaje"><h2 class="colorR tipo16">MENSAJE: <span class="required"></span></label><br>
<textarea class="form-control name=" name="mensaje" rows="4" id="mensaje" placeholder="Dinos aproximadamente que vas a traer. Ej: 6 artículos de ropa y complementos de mujer y 3 libros." ></textarea><br>
<input type="submit" name="enviar" value="ENVIAR!" id="submit" />
</form>
</div>
PHP CODE:
<?php
if(isset($_POST['enviar'])){
//Guardamos en variables los datos enviados
$nombre = utf8_decode($_POST['nombre']);
$email = $_POST['email'];
$ciudad = utf8_decode($_POST['ciudad']);
$mensaje = utf8_decode($_POST['mensaje']);
///Validamos del lado del servidor que el nombre y el email no estén vacios
if($nombre == ''){
echo "Debe ingresar su nombre";
}
else if($email == ''){
echo "Debe ingresar su email";
}else{
$para = "[email protected]";//Email al que se enviará
$asunto = utf8_decode("Inscripción SWAP");//Puedes cambiar el asunto del mensaje desde aqui
//Este sería el cuerpo del mensaje
$mensaje = "
<table border='0' cellspacing='3' cellpadding='2'>
<tr>
<td width='30%' align='left' bgcolor='#f0efef'><strong>Nombre:</strong></td>
<td width='80%' align='left'>$nombre</td>
</tr>
<tr>
<td width='30%' align='left' bgcolor='#f0efef'><strong>E-mail:</strong></td>
<td width='80%' align='left'>$email</td>
</tr>
<tr>
<td width='30%' align='left' bgcolor='#f0efef'><strong>Ciudad:</strong></td>
<td width='70%' align='left'>$ciudad</td>
</tr>
<tr>
<td width='30%' align='left' bgcolor='#f0efef'><strong>Comentario:</strong></td>
<td width='80%' align='left'>$mensaje</td>
</tr>
</table>
";
//Cabeceras del correo
$headers = "From: $nombre <$email>\r\n"; //Quien envia?
$headers .= "X-Mailer: PHP5\n";
$headers .= 'MIME-Version: 1.0' . "\n";
$headers .= 'Content-type: text/html; charset=iso-8859-1' . "\r\n"; //
//Comprobamos que los datos enviados a la función MAIL de PHP estén bien y si es correcto enviamos
if(mail($para, $asunto, $mensaje, $headers)){
echo "Su mensaje se ha enviado correctamente";
echo "<br />";
echo '<a href="../formulario.html">Volver</a>';
}else{
echo "Hubo un error en el envío inténtelo más tarde";
}
}
}
?>