Sun of Day

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-

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

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“.

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

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