Archive for November, 2015

Friday, November 20th, 2015


There are a whole range of tags available for setting up the display of tabular data in your web page. This is the first in a series of tutorials on how to properly define semantically correct tables in your (X)HTML. Tables

Thursday, November 19th, 2015

Fieldset andLegend

You can’t place form fields directly inside the form tag, you need a block level tag in between. Up until now in the tutorials I have been using the div tag for this purpose. In this tutorial we look at an alternative that not only satisfies the tag nesting rules but which also allows us […]

Wednesday, November 18th, 2015

JavaScript Application Design: A Build First Approach

User rating: List price: $39.99 Sales price: $31.68 You save: $8.31 (21 %) Sales Rank: 114027 Read more… JavaScript Application Design: A Build First Approach : Nicolas Bevacqua: Book

Wednesday, November 18th, 2015


A special case when it comes to form fields is the file field. There are many restrictions relating to the use of the form field that allows files to be uploaded, mostly related to security on the computer running the browser. The form also needs to be defined slightly differently once you start including files […]

Tuesday, November 17th, 2015

Responsive Images

With smaller devices you have less space to fit your images and text. That’s stating the obvious. Reducing the width available for the text is easy as it happens automatically but it can break your layout when the image takes up too much space for the text that is supposed to be alongside it to […]

Monday, November 16th, 2015

Fluid Height Sticky Footer

Modern browsers provide a really simple way to ensure that your footer does not end up with a gap showing below it. This sticky footer sticks to the bottom of the viewport unless the content is long enough to push it out of view (and you don’t need to specify how high the footer is […]

Sunday, November 15th, 2015

Disabled and Readonly

These two attributes that you can attach to form fields have very different uses from one another and that difference isn’t to do with appearance. Don’t let the difference in the default appearance of the fields result in your using the wrong one in your form. Disabled and Readonly

Saturday, November 14th, 2015


There may be occasions where the logical order for ewntering values into form fields doesn’t start at the top and progress left to right and then down the page. This attribute covers those situations by allowing you to change the order that the tab key will take people through the fields. Tabindex

Friday, November 13th, 2015

Image Buttons

The ninth of my tutorials on XHTML forms covers an alternative way of allowing your form to be submitted. This particular form field displays an image on the web page that acts as the submit button for the form. The position within the image where your visitor clicks is passed along with the rest of […]

Thursday, November 12th, 2015


Where you have a selection list in your form that has a lot of op[tions in it you can break those options up into groups to make the selection list easier to use. Optgroups

Wednesday, November 11th, 2015

Coding with JavaScript For Dummies

User rating: List price: $29.99 Sales price: $22.22 You save: $7.77 (26 %) Sales Rank: 264487 Read more… Coding with JavaScript For Dummies : Chris Minnick,Eva Holland: Book

Wednesday, November 11th, 2015

Selection Lists

The eighth of the tutorials that I wrote on XHTML form fields deals with selection lists. These form fields are rather different from most other form fields because they require two different tags to define them. Selection Lists