How to design/style a submit Button in ColdFusion

cfinput - style input type button

cfinputTypeButtonStyle.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 button: how to style input type button in coldfusion</title>
</head>

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


<cfwindow name="BeeWindow" title="Bee Image Viewer" initshow="false" width="375" height="400">
 <img src="Images/Bee2.jpg"/>
</cfwindow>

<cfform name="InputTypeButtonStyleTest" method="post" format="html">
 <table border="1" cellpadding="5" cellspacing="0" bordercolor="Orange">
     <tr>
         <td colspan="2" bgcolor="OrangeRed" style="color:Snow; font-size:large" align="center">
             Input type button style test form
            </td>
        </tr>
     <tr>
         <td colspan="2" align="center">
       <cfinput 
                 name="Submit" 
                    type="button" 
                    value="Show Window" 
                    style="height:45px; width:150px; font-size:large; font-style:italic; font-weight:bold; color:DodgerBlue;"
                    onClick="JavaScript:ColdFusion.Window.show('BeeWindow')"
                    >
            </td>
        </tr>
    </table>
</cfform>
</body>
</html>









More ColdFusion examples