Generalform
Support This Project
Home
Download
Instructions
Quick Start Guide
Example 1
Example 2
Example 3
Modify your XHTML

Example 2

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
<head>
<style type="text/css">
p { font-size: 8pt; font-family: Verdana; }
.alert { width: 100%; font-size: 8pt; font-family: Verdana; color:red; }
</style>
</head>
 
<body>
<p>
This is an example of radio buttons.
</p>
 
<showform>
<form> <!-- no attributes are required, the default attributes will be inserted -->
 
<p>How do you want your location communicated ?</p>
 
 
<alert name="location" regex="/^.+$/">
<!-- The alert text can be any valid HTML,
it is only displayed if the regular expression is not matched
In this case it simply checks it is not blank -->
<p class="alert">Please enter your choice of location to be plotted.</p>
</alert>
<p>
<input type="radio" name="location" id="exact" value="exact" />
<!-- the checkform script requires id and value attributes to have the same value
for radio buttons
Note that due to the syntax of radio buttons the checkform script cannot check
if the same name has been used for more  than one radio button set -->
<label for="exact">I want my location to be plotted exactly.</label><br />
<!-- the checkform script requires label tags to be used -->
<input type="radio" name="location" id="approx" value="approx" />
<label for="approx">I want my approximate location to be plotted.</label><br />
<input type="radio" name="location" id="none" value="none" />
<label for="none">I do <b>not</b> want my location to be plotted.</label><br />
</p>
<p><input type="submit" value="send form" /></p>
</form>
</showform>
 
<reply>
<p>Thankyou for completing the form.</p>
<!--
The reply section can contain any valid HTML.
Please remember that either the reply or showform section will be displyed in plase of the
insertform tag, so make sure the HTML is correct with either!
-->
</reply>
 
<insertform />
 
</body>
 
</html>