form php recaptcha bootstrap

Creare un form PHP con Google ReCaptcha Antispam e Bootstrap

Per questo articolo sono disponibili Demo Download Script

In questo articolo vediamo come creare un contact form in php con l’ausilio di Bootstrap ed in più andremo ad utilizzare Google ReCaptcha per proteggere il nostro form dallo spam.

google recaptcha php formRichiamiamo il CSS di Bootstrap dalle CDN, io ho utilizzato i temi (fichissimi !) di Bootswatch che trovate qui https://www.bootstrapcdn.com/bootswatch/ ed il CSS del form.

Ora le librerie jQuery e Javascript per utilizzare Bootstrap, le API di Google ReCaptcha non chè due file JS per il form stesso

Il codice HTML del form

N.B.

Alla linea 57 dovete cambiare la chiave del sito con la vostra site-key

Il contenuto del file contact.php sarà

N.B.

Alla linea 12 va inserita la vostra chiave segreta di Google ReCaptcha

Ora il file contact.js

Ed infine il CSS del file custom.css

Questa è la prima parte dello script, il pezzo restante è contenuto nella cartella recaptcha, disponibile al download in alto.

 

Commenta l'articolo

Bisogno di postare codice ? Usa un servizio gratuito come Codeshare altrimenti WordPress formatta male il codice!

Pin It on Pinterest

Condividi l'articolo. Grazie.

Vuoi essere aggiornato ?