HTML Page Structure

HTML Elements
HTML Attributes


HTML Radio Tag

HTML radio tag can use when you want the user to select only one option from a set of options/alternatives. Radio buttons are created using the <input> tag making it's type equals to "radio". It has three required attributes type, name and value. There are two optional attributes also and those are id and checked.

Syntax

<form>
	<input type="radio">
</form>

Example

<!DOCTYPE html>
<html>
<head>
<title>My HTML Radio Input Tag Example</title>
</head>
<body>
<form>
      What is your favourite color?
      <p>
        <input type="radio" name = "color" value="r"/>Red
     </p>
      <p>
        <input type="radio" name = "color" value="y"/>Yellow
      </p>
	  <p>
        <input type="radio" name = "color" value="g"/>Green
      </p>
</form>
</body>
</html>

This will produce following result

What is your favourite color?

Red

Yellow

Green