First page Back Continue Last page Image

Datalist tag

One way to insure good input is to require users to pick from a list of approved options

<html>
<head>
<title>Form Test - Datalist</title>
</head>
<body>
<h3>Form Test - Datalist</h3>
<! Mailing the values>
<form method="post" action="mailto:sf_nicole@yahoo.com">
<label>
What College do you Attend ?
<input id="college" list="localCollege">
<! Using Datalist>
<datalist id="localCollege">
<option value="College of Marin" selected>
<option value="Santa Rosa Jr. College">
<option Value="Cal State San Francisco">
<option value="UC Davis">
</datalist>
</label>
<hr>
<input type="submit" value="Send Form">   
<input type="reset" value="Clear Form">
</form>
</body>
</html>

One cool point about this tool: As the user types only the items in the list that match the string will appear