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.

Share and Enjoy:
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google

Posted in HTML. Tags: .

5 Responses to “HTML tag label is useful for Radio buttons”

  1. Rahat BashirNo Gravatar Says:

    I think this is a cool tip. I thought sometimes to let users select radio options through radio buttons by clicking on the text of respective buttons but could not find the way.

  2. TRIVUzNo Gravatar Says:

    Thanks for this Tips Arafat bhai… :)

  3. shumanNo Gravatar Says:

    Nice & cooooool

  4. rajuNo Gravatar Says:

    yeah, we should do it if you consider user friendliness. thanks for tips.

  5. Mohammad Sajjad HossainNo Gravatar Says:

    Agree with Raju bhai. Thanks for sharing the tip.

Leave a Reply