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

« Previous

AngularJS Code Examples

AngularJS Live Demo

ASP.NET Code Examples

Javascript Code Examples

Interview Q & A

Google MAP API Live Demo

Google MAP API Code Examples

Utility Tools

Articles

HTML Tutorials

HTML Page Structure

HTML Form

HTML Page Formating

HTML Other Tags

HTML Reference

HTML Radio Tag

Recent Articles