How to create radio buttons in a form with HTML/XHTML

Radio buttons should be used when you want your web page users to select only one choice from a limited selection of choices.

The code below shows you how to create radio buttons in a form with HTML/XHTML.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title>Web Development Tutorials.com</title>
</head>
<body>

<form action="formscript.php" method="post">
<input type="radio" name="tutorial" value="html" /> HTML Tutorials
<br />
<input type="radio" name="tutorial" value="css" /> CSS Tutorials
</form>

</body>
</html>

Note: The <input> tag is a self-enclosing tag, therefore it must have a forward slash (/) and a preceding blank space to end the tag, for it to be XHTML compliant.

The code above creates the form below with radio buttons.

Use the text editor below to practice what you have learned.