HTML tag label is useful for Radio buttons

Radio Buttons

To click on a Radio button is very boring things to me. A radio button is maximum 15 x 15 pixels. So need extra care to click on Radio buttons.

When I work with Radio buttons in my web applications, I use HTML tag - ‘Label‘.

For example, I have a Radio button like this-

<input type=”radio” name=”test” id=”test_id” value=”something” /> Click on this Radio button

This Radio button require extra care to click. I write the above code like bellow, so that the visitors can select the Radio button clicking on the text - “Click on this Radio button“.

<input type=”radio” name=”test” id=”test_id” value=”something” /> <label for=”test_id”> Click on this Radio button</label>

Now the visitors can select the Radio button clicking on the text. Enjoy easy clicking on the Radio buttons.

Posted in HTML. Tags: . 5 Comments »