WEBalley - forms tutorial

forms - e-mail form

intro
text
textarea
buttons
image
form
< e-mail form >
checkbox
radio
select
password
hidden
layout
cgi
tags
epilogue

An popular application of html forms is the e-mail form. Below here you will find the complete code for such a form, with a working example. Be aware this is just an example, currently mailto forms are quite poorly supported.

The code

<FORM ACTION="mailto:johndoe@aol.com" METHOD="POST" ENCTYPE="text/plain">
Name<BR>
<INPUT TYPE="text" NAME="name" SIZE="40"><BR>
E-mail address<BR>
<INPUT TYPE="text" NAME="email" SIZE="40"><BR>
Subject<BR>
<INPUT TYPE="text" NAME="subject" SIZE="40"><BR>
Your message<BR>
<TEXTAREA NAME="text" COLS="40" ROWS="5"></TEXTAREA><BR>
<INPUT TYPE="submit" VALUE="Send">
<INPUT TYPE="reset" VALUE="Reset">
</FORM>

The resulting form