Until now, you had two options for building Form Buttons. You could use text or an image or you could get fancy with CSS. But here is a other Tag that makes coding online forms both more fun and functional.
OLD WAY: <INPUT TYPE="button" VALUE="Button Text">
All Buttons go somewhere!!!!!
The new button command makes creating buttons easy. The following code does exactly what the previous code does:<BUTTON>Button Text</BUTTON>
This code makes a button with bigger text in Arial font, if it's on your computer: <BUTTON><font face="Arial" size="6">Big Text</font></BUTTON>
Now we have coloured text: <BUTTON><font face="Verdana, Arial, Helvetica" size="5" color="#ff0000"><b>Look, <font color= "#0000ff"> colors </font><font color= "#ff00ff">!</font></b><br><font color="#000000">And line breaks! </font> </font> </BUTTON>
How about an image? Yes, an image inside a button! <BUTTON><img src="image.gif"></BUTTON>
Now we have a table and image and some Arial text!: <BUTTON> <table border="1"> <tr> <td align="center"><img src="image.gif"></td> </tr><tr> <td><font face="Arial">Milkshake</font></td> </tr> </table> </BUTTON>
NOTE:You cannot include the following elements inside a <BUTTON>:
Another <BUTTON> tag.
You can also use the Style Attribute to colour your background and font in the<BUTTON>; tag e.g. <button style="background-color:#ceffd9; font-family: Times New Roman; font-size: 25px; font-weight: bold; color:#99ff33;"> To see page counter <br /> Click Here.</button>; See Text Counter Button Below. To center the button you need to put it in Divison Tags e.g. <div align="center"> <button> Text</button></div>
Other than that, it is pretty versatile! May you and yours have a great day. CU Gary