| |
| An input form that calls a form-to-email Cgi script |
|
|
|
|
<!DOCTYPE html>
<html>
<head><title></title></head>
<body style="padding: 0px 36px;">
<h2 align="center">Join Us!</h2>
<form method="post" action="formmail.cgi">
<!-- Set hidden fields for email subject and recipient -->
<input type="hidden" name="subject" value="new user"/>
<input type="hidden" name="recipient" value="[email protected]"/>
<fieldset style="background-color: #eee">
<legend><strong>Entry Form:</strong></legend>
<!-- text input fields -->
<p>Your Name:
<input type="text" name="fullname" size="40" required/>
</p>
<p>Your Email:
<input type="email" name="email" size="40" required/>
</p>
<p>Your Age:
<input type="number" name="age" size="3" required maxlength="3"/>
<small>You must be over 18 years of age</small>
</p>
<p>Web Page:
<input type="url" name="web" value="http://" size="40"/>
</p>
<!-- radio buttons -->
<p>Gender:
<label><input type="radio" name="sex"
value="male" checked/>Male</label>
<label><input type="radio" name="sex"
value="female"/>Female</label>
<label><input type="radio" name="sex"
value="other"/>Other</label>
</p>
<!-- checkboxes -->
<p>I'm interested in: <br/>
<label><input type="checkbox" name="aches"/>Aches</label><br/>
<label><input type="checkbox" name="cakes"/>Cakes</label><br/>
<label><input type="checkbox" name="fakes"/>Fakes</label><br/>
<label><input type="checkbox" name="lakes"/>Lakes</label><br/>
<label><input type="checkbox" name="rakes"/>Rakes</label><br/>
</p>
<!-- textarea for comments -->
<textarea name="comnt" rows="6" cols="50" onfocus="this.value='';">
Use this space for comments
</textarea>
</fieldset>
<!-- submit and reset buttons -->
<p align="right">
<input type="submit" value="Join"/>
<input type="reset" value="clear"/>
</p>
</form>
</body>
</html>
|
|
|
| Related examples in the same category |
|