Membership index

NOTE: NOTA: Downloads reserved for members can also be made without registration with a free donation in support of the site. I download riservati ai membri possono essere effettuati anche senza registrazione con una donazione libera in sostegno del sito.

List of downloadable sresources with donationLista delle risorse scaricabili con donazione

PREMISE: The job is feature set.
The graphics of the modules are therefore essential and can be freely customized by modifying and / or adding appropriate style rules.

UPDATE: on mobile devices, the user agent style sheet can contain rules that determine the color of the input fields.
Recommended to add the text color (with your preferred color) for the .button class in the contact.css file:
color: #000 !important;
PREMESSA: il lavoro è impostato sulle funzionalità.
La grafica dei moduli è, quindi, essenziale e potrà essere liberamente personalizzata modificando e/o aggiungendo regole di stile opportune.


AGGIORNAMENTO: sui dispositivi mobili, il foglio di stile dello user agent può contenere regole che determinano il colore dei campi input.
Consigliato aggiungere il colore del testo (con il colore preferito) per la classe .button nel file contact.css:
color: #000 !important;

For good page performance, input fields should always have a label identifying them.
In the absence of a label field, as in some essential forms, it is possible to use the title tag.
Example:
Per una buona prestazione della pagina, i campi input dovrebbero sempre avere un'etichetta (label) che li identifica.
In mancanza di un campo label, come in alcuni form essenziali, è possibile utilizzare il tag title.
Esempio:

<input title="search" type="text" name="search">

Forms are indispensable elements for any website.

I moduli sono elementi indispensabili per qualunque sito web.

The characteristics of a module must be: practicality, functionality, safety.
All this modules are built in HTML5, Javascript and PHP.
Contact forms have these characteristics:
Le caratteristiche di un modulo devono essere: praticità, funzionalità, sicurezza. Tutti questi moduli sono costruiti in HTML5, Javascript e PHP. I moduli di contatto posseggono queste caratteristiche:
  • invisible spam filter
  • spam filter with captcha
  • block link in textarea
  • acceptance of data processing
  • submission confirmation page
  • email notification to recipient (admin)
  • email notification to sender (prepared to be activated)
  • block unwanted words or email addresses (ready to be activated)
  • filtro antispam invisibile
  • filtro antispam con captcha
  • blocco link in textarea
  • accettazione trattamento dati
  • pagina di conferma invio
  • notifica email al destinatario (admin)
  • notifica email al mittente (predisposta da attivare)
  • blocco parole o indirizzi email indesiderati (predisposto da attivare)
Indications: Indicazioni:

In the php file you can add multiple recipients by separating them with a comma.
e.g.: $to = "info@esempio1.com, info@esempio2.com";
In forms with attachment sending via email it is possible to add more upload fields simply by repeating the relative string and giving a numerical sequence to the "name" field.
In this way:
Nel file php è possibile aggiungere più destinatari separandoli con una virgola.
Es: $to = "info@esempio1.com, info@esempio2.com";
Nel file html dei form con invio di allegati via email è possibile aggiungere più campi di upload semplicemente ripetendo la stringa relativa e dando una sequenza numerica al campo "name". In questo modo:

<p><label>File1:</label>
<input type="file" name="attachFile">
</p>
<p><label>File2:</label>
<input type="file" name="attachFile2">
</p>
<p><label>File3:</label>
<input type="file" name="attachFile3">
</p>


It is It is possible to show the sending confirmation in a popup instead of on the "thankyou.html" page.
To do this, in the php file, obscure this string like this (with two leading slashes):
È possibile mostrare la conferma di invio in un popup invece che nella pagina "thankyou.html".
Per fare questo, nel file php, oscurate così (con due slash iniziali) questa stringa:

//$confirm = "./thankyou.html";

and, below, modify the rules like this: e , più sotto, modificate le regole in questo modo:
if(isset($name)) {
mail($to,$subject,$emailmessage,$headers);
//echo "<META HTTP-EQUIV=\"refresh\" content=\"0;URL=".$confirm."\">";
echo '<script type="text/javascript">alert("Invio riuscito! Grazie, ti contatteremo appena possibile");window.history.go(-1);</script>';
 }

INFO: Some mailboxes may not recognize the sender as valid and block the message, or put it in spam. The best thing is to connect the form to the mailbox provided by the same hosting that hosts the site.
After configuring this box on your hosting, it is also advisable to test it using the tool "https://www.mail-tester.com/" and contact support if the result is not satisfactory.
In addition, some mailboxes, in the advanced settings for displaying messages, offer the choice of the "default character set". In this case, it is advisable to choose UTF-8 (Unicode), in order to have a correct reading of the text.
INFO: Alcune caselle di posta potrebbero non riconoscere il mittente come valido e bloccare il messaggio, o metterlo nello spam. La cosa migliore è collegare il modulo alla casella di posta fornita dallo stesso hosting che ospita il sito.
Dopo aver configurato tale casella sul proprio hosting, è anche opportuno testarla tramite lo strumento "https://www.mail-tester.com/" e contattare l'assistenza in caso il risultato non fosse soddisfacente.
Inoltre, alcune caselle di posta, nelle impostazioni avanzate per la visualizzazione dei messaggi, offrono la scelta del "set di caratteri predefinito". In questo caso, è opportuno scegliere UTF-8 (Unicode), al fine di avere una corretta lettura del testo.

ATTENTION: Don't forget to add the vendor prefixes to the css basic codes.

ATTENZIONE: Non dimenticate di aggiungere i vendor prefixes ai codici css di base.

Contact forms

I moduli di contatto

Per le indicazioni di base sull'implementazione, leggi la guida: Il modulo di contatto

5a-Simple contact form - HTML, CSS, PHP

5a-Modulo di contatto semplice - HTML, CSS, PHP

Preview + download

5b-Form with stored in csv file - HTML, CSS, PHP

5b-Modulo con archiviazione dati in file csv - HTML, CSS, PHP

Preview + download

5c-Form with multiple fields - HTML, CSS, PHP

5c-Modulo di contatto con campi multipli - HTML, CSS, PHP

Preview + download

5d-Contact form with sending attachment - HTML, CSS, PHP

5d-Modulo di contatto con invio allegato - HTML, CSS, PHP

Preview + download

5e-Contact form with attachment stored in folder - HTML, CSS, PHP

5e-Modulo di contatto con archiviazione allegato in cartella - HTML, CSS, PHP

NOTE: the php code of this module contains validation for granted file extensions,
but the limitation for extensions is also implemented in the input field of the html form in order to block unwanted files already on loading.
NOTA: il codice php di questo modulo contiene la validazione per le estensioni di file concesse.
Ugualmente, la limitazione per le estensioni è implementata anche nel campo input del form html al fine di bloccare i file non voluti già al caricamento.

Preview + download

5f-Contact form with multiple attachments stored in folder - HTML, CSS, PHP

5f-Modulo di contatto con allegati multipli e archiviazione in cartella - HTML, CSS, PHP

NOTE: the php code of this module contains validation for granted file extensions,
but the limitation for extensions is also implemented in the input field of the html form in order to block unwanted files already on loading.
The HTML code contains a script to limit the number of files allowed.
NOTA: il codice php di questo modulo contiene la validazione per le estensioni di file concesse.
Ugualmente, la limitazione per le estensioni è implementata anche nel campo input del form html al fine di bloccare i file non voluti già al caricamento.
Il codice HTML contiene uno script per limitare il numero di file consentiti.

Preview + download

5g-Contact form with multiple attachments stored in folder and data stored in file csv- HTML, CSS, PHP

5g-Modulo di contatto con allegati multipli archiviati in cartella e dati archiviati in file csv - HTML, CSS, PHP

Download for member
Download with donation

5h-Multistep contact form - HTML, CSS, PHP

5h-Modulo di contatto multistep - HTML, CSS, PHP

Preview + download

5i-Contact form in pop-in - HTML, CSS, PHP

5i-Modulo in pop-in - HTML, CSS, PHP

Preview + download

5l-Booking form - HTML, CSS, PHP

5l-Modulo di prenotazione - HTML, CSS, PHP

Preview + download

Login forms

I moduli di login

5m-Simple login form - HTML, CSS, PHP

5m-Modulo di login semplice - HTML, CSS, PHP

User, password and logout button Utente, password e pulsante di logout

Preview + download

5n-Simple login form 2 - HTML, CSS, PHP

5n-Modulo di login semplice 2 - HTML, CSS, PHP

Password only Solo password

Preview + download


Comments form

I moduli per i commenti

5o-Simple comments form - HTML, CSS, PHP

5o-Modulo commenti semplice - HTML, CSS, PHP

With invisible spam filter, link insertion block, email notification and archiving in html files. Con filtro anti-spam invisibile, blocco inserimento link, notifica email e archiviazione in file html.

Preview + download

5p-Advanced comments form - HTML, CSS, PHP

5p-Modulo commenti avanzato - HTML, CSS, PHP

With:
  • invisible spam filter
  • captcha filter
  • character counter
  • link insertion block
  • email notification
  • storage in html files
  • comments moderation
  • reverse comments order (newer -> older and vice versa)
Classic version + pop-in version.
Sign pop-in version: 5q
With:
  • filtro antispam invisibile
  • filtro captcha
  • conta caratteri
  • blocco inserimento link
  • notifica email
  • archiviazione in file html
  • moderazione dei commenti
  • inversione ordine commenti (più recente -> più vecchio e viceversa)
Versione classica + versione pop-in.
Sigla versione popin: 5q

Preview + download


Other

Altro

5r-Simple registration form - HTML, CSS, PHP

5r-Modulo di registrazione semplice - HTML, CSS, PHP

Sending name and email. Invio nome e email.
modulo-iscrizione

Download for member
Download with donation

5s-Newsletter form - HTML, CSS, PHP

5s-Modulo per la newsletter - HTML, CSS, PHP

- Newsletter subscription form.
- Mailing list in file txt.
- Form for sending newsletter.
- Unsubscription form.
- Unsubscribed archived in file txt
- Modulo per iscrizione alla newsletter.
- Mailing list in file txt.
- Modulo per invio newsletter.
- Modulo di cancellazione.
- Archivio iscrizioni cancellate in file txt

Download for member
Download with donation

5t-File with password - HTML, PHP

5t-File con password - HTML, PHP

Open or download a file with password protection Apertura o download di un file con password di protezione

Download for member
Download with donation

5u-Redirect module based on one or more user choices - HTML, CSS, PHP

5u-Modulo di redirect in base a una o più scelte dell'utente - HTML, CSS, PHP


modulo-redirect

Download for member
Download with donation

5v-Anonymous survey form - HTML, CSS, PHP

5v-Modulo per sondaggi anonimi - HTML, CSS, PHP

With email notification and storage in txt file. Con notifica email e archiviazione in file txt.

Preview + download

5z-Quiz form - HTML, CSS, JS

5z-Modulo per i quiz - HTML, CSS, JS

Preview + download

5z1-Drag and drop images with folder storage - HTML, CSS, PHP

5z1-Drag and drop immagini con archiviazione in una cartella - HTML, CSS, PHP

Preview + download

5z2-Drag and drop images with preview - HTML, CSS, PHP

5z2-Drag and drop immagini con anteprima - HTML, CSS, PHP

Preview + download


Read also: Usefull solutions for forms

Leggi anche: Soluzioni utili per i moduli

Membership index


Altri argomenti: