Il modulo di contatto


Tutorial Il modulo di contatto

Messaggio Da DarkLeo il 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à:



Tutorial creato dal forum di supporto inglese, tradotto da Darkleo e aggiornato da Niko
Copyrigth © FORUMATTIVO.COM


avatar
DarkLeo
Veterano dello staff
Veterano dello staff

Sesso : Maschile
Età : 20
Messaggi : 1784
Località : Italia


http://aiuto.forumattivo.it/
DarkLeo è stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

 
Permessi di questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum