H O M E Free Web Upgrade
Html
JavaScript
Java Applet
Anfy Applet
My Java Applet
Forum
Asp
Codici Ascii
Caratteri Speciali
N" Dec. Binari Esad.
Cursori
Form
Icona
E-Mail
Tips & Tricks
Link
CSS Filter
Color code
Scrollbar edit
Cripta .htpasswd
Protezione Pagine
Conv. dec. esa. bin. oct.
Grafica Web
Grafica
Download
Download
Chat
Asp Chat
 
 
 

F W U

EMAIL FORM

Semplice form con richiesta Nome


Tuo Nome

<form method="post" action="mailto:tuaemail@tuaemail.it" enctype="text/plain">
<font face="Arial" size="2"><b>Tuo nome</b></font>
<input type="text" name="Nome" size="20">
<input type="submit" value="Spedisci">
<input type="reset" value="Cancella">
</form>


Nota: Tutti gli esempi descritti in questa sezione sono disabilitati, non essendo inserito un'indirizzo di email valido, alla compilazione e invio del modulo questo tornerebbe indietro come Return Path (indirizzo sconosciuto).

L'invio di e-mail da un form chiede da parte dell'utente che compila il modulo stesso la conferma o l'annullamento dell'operazione (questo messaggio di avviso è di default per tutti i browser quando si inviano e-mail in html).
La richiesta in questo esempio è d'inserire il Nome:
<input type="text" name="Nome" size="20">
L'indirizzo di e-mail del destinatario deve essere inserito nel form con il tag action ed il metodo post:
form method="post" action="mailto:tuaemail@tuaemail.it"
enctype="text/plain" se questo parametro non è presente riceveremo un file in attach invece che la richiesta Nome nel corpo dell'e-mail
L'email arriverà con il seguente scritto nel corpo:
Nome=Nome Inserito


Esempio di form con più campi


Tuo Nome

Tuo Cognome

Commento



<table width="50%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<form method="post" action="mailto:tuaemail@tuaemail.it" enctype="text/plain">
<font face="Arial" size="2"><b>Tuo Nome</b></font><br>
<input type="text" name="Nome" size="20">
<br><b><font face="Arial" size="2">Tuo Cognome</font></b><br>
<input type="text" name="Cognome" size="20">
<br><b><font face="Arial" size="2">Commento</font></b><br>
<textarea name="Commento" cols="16" rows="5"></textarea>
<br><br>
<input type="submit" value="Spedisci">
<input type="reset" value="Cancella">
</form>
</td>
</tr>
</table>


L'email arriverà con il seguente scritto nel corpo:
Nome=Nome Inserito
Cognome=Cognome Inserito
Commento=Commento inserito


Richiesta di un indirizzo di e-mail da un form


Tuo Nome

Tua E-Mail



<table width="50%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<form method="post" action="mailto:tuaemail@tuaemail.it" enctype="text/plain">
<font face="Arial" size="2"><b>Tuo Nome</b></font>
<br>
<input type="text" name="Nome" size="20">
<br><b><font face="Arial" size="2">Tua E-Mail</font></b><br>
<input type="text" name="E-Mail" size="20">
<br><br>
<input type="submit" value="Spedisci">
<input type="reset" value="Cancella">
</form>
</td>
</tr>
</table>


Il problema quando si inviano e-mail in questi formati (se proprio vogliamo definirlo un problema) è quello relativo all'inserimento di un link, un indirizzo di posta è un un link, quando inviamo una e-mail con il nostro programma di posta preferito e inseriamo un indirizzo di e-mail per eventuale contatto, es: ciao scrivi a pippo@pippo.it chi riceverà l'email troverà: ciao scrivi a pippo@pippo.it , con la possibilità di cliccare sul link aprire il suo programma di posta e rispondere. Con l'invio di e-mail in questi formati tutto lo scritto verra letto come un'unico link se è un indirizzo di email E-Mail=tuaemail@tuaemail.it , se un link ad una url, es: Tua_Url Tua_Url=www.nomesito.it
Ci troviamo con due link che non possiamo cliccare direttamente, l'uso di questo metodo per inviare dati in formato html è consigliato per uso personale, ricevere i dati inseriti nei campi al nostro indirizzo di e-mail, per registrazioni utenti, o altro.
Un modo per rimediare (ma solo in parte) al non ricevere tutto lo scritto come un link è d'inserire un campo value con i doppi apici non accoppiati "" ma " " in questo modo quando il cursore entra nel campo da riempire lascia uno spazio vuoto a sinistra ES:

Tua E-Mail



<table width="50%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<form method="post" action="mailto:tuaemail@tuaemail.it" enctype="text/plain">
<br><b><font face="Arial" size="2">Tua E-Mail</font></b><br>
<input type="text" name="E-Mail" value=" " size="20">
<br><br>
<input type="submit" value="Spedisci">
<input type="reset" value="Cancella">
</form>
</td>
</tr>
</table>

Questo spazio vuoto come già detto permette di non avere tutto lincato, ritornando a ma solo in parte, non c'è la possibilità di impedire a chi compila il modulo di spostare il cursore all'inizio e riavere tutto nuovamente lincato.

Ecco un esempio di modulo con diverse funzioni:
Vedi Esempio






Per il controllo sui campi richiesti, se l'utente inserisce tutti i dati richiesti:
Visita la sezione     
JavaScript Form






Servizi
MList
Provenienza IP
Lunario - Zodiaco
Creazione Icone
Top100
Search Engine
Richieste
Aggiungi un Link
Aggiungi un Banner
Statistiche
I link più visitati
Libro dei visitatori
 
  | © by Giari Massimo | 2000 - |