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 new Tag that makes coding online forms both more fun and functional.
OLD WAY: <INPUT TYPE="button" VALUE="Button Text">
I have shown CSS styling examples below because the <font> tag is on it's way out.
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><span style="font-face: Arial; font-size: 14pt"> Big text </span></BUTTON>
Now we have coloured text: <BUTTON><span style="color: #ff0000"><B>Look, colours!<BR>And line breaks!</B></span></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><span style="font-face:Arial">Get IE6!</span></TD> </TR> </TABLE> </BUTTON>
NOTE: You cannot include the following elements inside a <BUTTON>:
