The BUTTON Tag.


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>
<BUTTON><font face="Arial" style="font-size: 40px font-weight: bold;">Bigger<br>Bold 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.
  • <SELECT> tag.
  • <INPUT> tag.
  • <A> 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

 

 

BlueBar.gif



Top