Edit Article

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

EditSteps

  1. Create Radio Buttons in HTML Step 1 Version 2.jpg
    1
    Construct an HTML document up to and including the <form> tag. Make sure that you've placed this tag inside of the body of the HTML sheet (much like any other web form that is created.
    Ad
  2. Create Radio Buttons in HTML Step 2 Version 2.jpg
    2
    Type the <input type="radio"> tag to place the radio box.
  3. Create Radio Buttons in HTML Step 3 Version 2.jpg
    3
    Designate a value that will explain to the browser that this group of radio boxes all belong together. Add the value= attribute to the input tag that was previously added. Use the same value= name to keep them together until you want to restate a new grouping of choices.
  4. Create Radio Buttons in HTML Step 4 Version 2.jpg
    4
    Define a name to the value to explain just which selection was checked inside the group with the name attribute of the HTML form..Finish off the input HTML tag with a tag that looks like <input type="radio" value="group1" name="> to designate whether the checkbox for an inside selection (from a later label) was checked.
  5. Create Radio Buttons in HTML Step 5.jpg
    5
    Designate what you want this radio box to be for. Make sure the value you place inside the input value corresponds to what you named your parenthesis value to be. [1]
  6. Create Radio Buttons in HTML Step 6.jpg
    6
    Repeat from designating a new <input> HTML tag/value set until all values are entered for that group are entered into the document.
  7. Create Radio Buttons in HTML Step 7.jpg
    7
    Close the form after all input fields are entered with a final </form> tag.
  8. Create Radio Buttons in HTML Step 8.jpg
    8
    End the HTML document with a </body> followed by the </html> HTML tags.
  9. Create Radio Buttons in HTML Step 9.jpg
    9
    Save and verify your newly-produced web form's radio buttons in your web browser.
    Ad

We could really use your help!

Can you tell us about
sugar rockets?
Can you help us
rate articles?
Yes
No
sugar rockets
how to make sugar rockets
Can you tell us about
hardwood floors?
Yes
No
hardwood floors
how to finish hardwood floors
Can you tell us about
estate planning?
Yes
No
estate planning
how to set up an estate
Can you tell us about
Facebook applications?
Yes
No
Facebook applications
how to create a Facebook application
Thanks for helping! Please tell us everything you know about
...
Tell us everything you know here. Remember, more detail is better.
Tips
Provide Details.
Please be as detailed as possible in your explanation. Don't worry about formatting! We'll take care of it. For example:
Don't say: Eat more fats.
Do say: Add fats with some nutritional value to the foods you already eat. Try olive oil, butter, avocado, and mayonnaise.
Submit

EditVideo



EditRelated 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

EditSources and Citations

  1. ↑ http://www.w3schools.com/tags/tag_input.asp

Article Info

Categories: HTML

Thanks to all authors for creating a page that has been read 11,574 times.

Did this article help you?
Yes No

Become
an Author!

Write an Article