Il modulo di contatto

Da DarkLeo Mar 24 Ago 2010 - 22:57

Il modulo di contatto

Cari membri

Seguendo questo semplice Tutorial, potrai creare un simpatico modulo di contatto, semplice ed efficace. cheers

FASE 1: Creare una nuova pagina HTML

Per prima cosa, è necessario creare una nuova pagina HTML. :new:

Per farlo:

PDA - Moduli - HTML - Gestione delle pagine html, e successivamente cliccare su : "Creare una nuova pagina HTML".

Nella pagina che si apre, scegliere un qualsiasi titolo. Successivamente, scegliere "Si", su: "Vuoi utilizzare la cima e il fondo del tuo forum". Ovviamente, potrete cliccare anche su no, se si vuole strutturare la pagina da se, con i vari allineamenti, colori, effetti di testo, ecc.

FASE 2: Conoscere e utilizzare i Codici

Ecco, ora i vari Codici, da utilizzare per il modulo di contatto:

Codice:: <form action="mailto:your_e-mail_address@domain.com" method="post" enctype="text/plain">

Sostituire "your_e-mail_address@domain.com", con il proprio indirizzo Email, dove si desidera ricevere le Email.

Ora che, la parte principale del Modulo di contatto, è stata creata, andiamo a scoprire, altri codici, molto utili.

Codice:
First Name:<br> <input type="text" name="name">

E il risultato sarà:
Ovviamente puoi sostituire "First Name", con ciò che più si desidera.
Radio Forms

Codice:
Tuo Genere:<br> Maschile:<input type="radio" name="Sex" value="male"> <br> Femminile:<input type="radio" name="Sex" value="female">

E il risultato sarà:
Ovviamente, si può modificare, come meglio si vuole.
Checkboxes Forms
Ecco un simpatico codice, per fare una selezione multipla.

Codice:
Which is your favorite color?<br> I like red<input type="checkbox" name="color" value="Red"><br> I like blue<input type="checkbox" name="color" value="Blue"><br> I like yellow<input type="checkbox" name="color" value="Yellow"><br> I like green<input type="checkbox" name="color" value="Green">

Il risultato sarà:
Anch'esso, del tutto modificabile a piacimento.
Casella a discesa
Ecco un altro codice fondamentale, per creare un menù a discesa.

Codice:
Your favorite color is ? <select name="color"> <option value="Red">Red</option> <option value="Blue">Blue</option> <option value="Yellow">Yellow</option> <option value="Green">Green</option> </select>

Il risultato sarà:
Campo per il Testo
Codice, per dare la possibilità, di scrivere un commento.

Codice:
Comments:<br><textarea name="comments" rows="6" cols="65"></textarea>

Il risultato sarà:
Ovviamente, non può mancare il pulsante di Invio, e il pulsante di Reset.

Codice:
<input type="submit" value="Invia">
Codice:
<input type="reset" value="Reset">

Il risultato sarà: