Forum dei Forum: Aiuto per Forumattivo
Benvenuto sul forum di supporto di Forumattivo .



Per trarre il massimo vantaggio da tutti i servizi offerti dal nostro forum, effettua il login se sei già un nostro utente oppure registrati per far parte della nostra grande comunità. Il tutto gratuitamente!

Crea anche tu un forum gratuitamente come questo! Clicca qui

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

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


Vedere il profilo dell'utente 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

 
Permesso di questo forum:
Non puoi rispondere agli argomenti in questo forum