ColdFusion CFinput - autosuggest in input type text

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>







More ColdFusion examples