Edit Article

Edited by Chris, Lutherus

Radio boxes for HTML forms are really easy to use, but trying to create radio boxes when coding can be a tough thing to master. This article will help you create these buttons in your HTML code.

Ad

Edit Steps

  1. 1
    Create the HTML form with the <form> tag.

    Create Radio Buttons in HTML Step 1.jpg
    Ad
  2. 2
    Denote a label for the item using the <p> tag.

    Create Radio Buttons in HTML Step 2.jpg
  3. Create Radio Buttons in HTML Step 3.jpg
    3
    Type the <input type="radio"> tag.
  4. Create Radio Buttons in HTML Step 4.jpg
    4
    Close the form after all input field are entered with a final </form> tag.
    Ad


Edit Video



Edit Tips

  • Make sure the name for a group of radio boxes each contains the same name, so the browser knows all these boxes in the group belong together. Assign values to radio buttons using the 'value="value"' attribute.
  • Give the input boxes you ask the visitor to enter, values into names with the 'name="NameHere" attribute.
Ad

Edit Related wikiHows

How to
Create a Basic Login Script in PHP

How to
Insert Images with HTML

How to
Change Text Color in HTML

How to
Write an HTML Page

How to
Create a Text Input Using HTML

How to
Create a Form in HTML That Can Be Submitted to an Email Address

How to
Use Forms in HTML5

How to
Create HTML Forms

Article Info

Categories: HTML

Recent edits by: Chris

Ad

Thanks to all authors for creating a page that has been read 3,983 times.

Was this article accurate?

YesNo

Contribute
to wikiHow!

Edit this article