cfinput - autosuggest in input type text
cfinputTypeTextAutoSuggest.cfm
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>cfinput type text: how to create and use autosuggest in input type text</title>
</head>
<body>
<h2 style="color:SaddleBrown; font-style:italic">cfinput type text example: how to use autosuggest</h2>
<hr width="500" align="left" color="SaddleBrown" />
<br />
<cfif IsDefined("Form.SubmitCountry")>
<cfoutput>
<h3 style="color:OrangeRed;">
Your Country is: : #Form.Country#
</h3>
</cfoutput>
</cfif>
<cfform name="InputTypeTextValidateTest" method="post" format="html">
<table border="1" cellpadding="5" cellspacing="0" bordercolor="Orange">
<tr>
<td colspan="2" bgcolor="DeepPink" style="color:Snow; font-size:large" align="center">
Country Submit Form
</td>
</tr>
<tr height="100" valign="top">
<td style="color:RosyBrown; font-weight:bold">
Country Name
</td>
<td>
<cfinput
name="Country"
type="text"
style="background-color:Wheat; color:RosyBrown; width:250px; height:25px; font-size:large; font-style:italic; font:'Comic Sans MS', cursive"
autosuggest="USA, UK, India, France, Ireland, Thailand"
>
</td>
</tr>
<tr>
<td colspan="2" align="right">
<cfinput name="SubmitCountry" type="submit" value="Submit">
</td>
</tr>
</table>
</cfform>
</body>
</html>