How to style/design a text box in ColdFusion

cfinput - style input type text

cfinputTypeTextStyle.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 style input type text in coldfusion</title>
</head>

<body>
<h2 style="color:SaddleBrown; font-style:italic">cfinput type text example: how to style</h2>
<hr width="425" align="left" color="CadetBlue" />
<br />

<cfif IsDefined("Form.SubmitCity")>
 <cfoutput>
  <h3 style="color:OrangeRed;">
      Your city is: : #Form.City#
  </h3>
    </cfoutput>
</cfif>

<cfform name="InputTypeTextStyleTest" 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">
             City Submit Form
            </td>
        </tr>
     <tr>
         <td style="color:RosyBrown; font-weight:bold">
             City Name
            </td>
         <td>
    <cfinput 
                 name="City" 
                    type="text" 
                    style="background-color:Wheat; color:RosyBrown; width:250px; height:25px; font-size:large; font-style:italic; font:'Comic Sans MS', cursive">
            </td>
        </tr>
     <tr>
         <td colspan="2" align="right">
       <cfinput name="SubmitCity" type="submit" value="Submit">
            </td>
        </tr>
    </table>
</cfform>
</body>
</html>





More ColdFusion examples