Sencillo truco CSS para evitar el spam en formularios html

Gracias a este sencillo truco css vamos a conseguir evitar el Spam en nuestros formularios Html. Para ello... !sigue leyendo!

Un truco CSS para evitar el Spam en tus formularios

Evitar el SPAM en nuestros formularios HTML resulta a veces un quebradero de cabeza.

Si bien en WordPress es fácil evitarlo instalando algún tipo de plugins de captcha, en HTML podemos encontrarnos con dificultades añadidas.

Por ello comparto con todos vosotros una forma segura y fiable de evitar el Spam en formularios HTML gracias a un sencillo truco en CSS.

Código CSS en nuestra web

La idea principal es agregar un campo escondido a nuestro formulario HTML. En nuestro caso lo llamaremos "stopspam". 

Para ello ocultaremos el campo mediante CSS incluyendo esta sentencia al inicio de la web:

<style type="text/css">
 .escondido{ display: none; }
</style>

Ahora vamos al formulario de envío de nuestra página y agregamos la línea siguiente:

<label for="stopspam" class="escondido">Si ves esto no rellenes el campo</label>
<input name="stopspam" class="escondido" />

Con esta línea lo único que hemos creado es un campo oculto, llamado "stopspam". Este campo llegará vacío en caso de no tratarse de Spam, y por tanto se enviará el formulario.

En el caso de que se trate de un robot, éste rellenará todos los campos, incluido el oculto, y por tanto no se enviará.

Colección de Efectos CSS3

Para finalizar, vamos a nuestro fichero enviar.php o el nombre que le hayamos asignado, y escribimos el siguiente código para verificar que el campo está vacío :

<?php

if ($_POST['stopspam'] != ""){
 // Es un SPAMbot
 exit();

} else {
 // Es un usuario real, proceder a enviar el formulario.

}
 ?>

Con este sencillo truco CSS hemos conseguido proteger nuestro formulario de forma sencilla y con total transparencia para los usuarios de nuestra web.