Calculator Tutorial

9. Apply Stylesheet

To apply our newly define style to the table we need to turn off the table border and add a class attribute. While we are amending the form let's add a title at the top so that our visitors will know what the form does. The changes we need look like this:

With these changes applied our Easter Calculator now looks like the other calculators I have created:

The only other thing that I have done with the other calculators that we have not done with this one is to add a link back to my site at the bottom of the form and to encrypt both the script and the form. This would make them harder for someone else to alter or to try to claim as their own.

There is also a version of this tutorial that uses unobtrusive JavaScript.