HTML Code for Radio button

Introduction to Radio Buttons in HTML

Radio buttons are a type of input form used in web development. They allow users to select one option from a set. Unlike checkboxes, radio buttons are designed for selecting one option only.

Creating a Radio Button in HTML

To create a radio button in HTML, you use the <input> element with the type attribute set to 'radio'. Each radio button needs a unique 'name' attribute to create a group of related options.

Example Code

<input type="radio" name="gender" value="male"> Male<br>
<input type="radio" name="gender" value="female"> Female<br>
<input type="radio" name="gender" value="other"> Other

Styling Radio Buttons

By default, radio buttons are displayed as small circles. They can be styled using CSS to fit the design of the website. Common techniques include hiding the default radio button and using a custom design, or modifying its appearance with CSS properties.

Handling Radio Button Input

Once a radio button is selected and the form is submitted, the value of the selected radio button is sent to the server. In HTML forms, radio buttons are commonly used to collect demographic information, preferences, or choices.

Go from files to website in seconds.

Start a free trial for 7 days — no credit card required

Get Started for Free