Radio buttons in html

Here is an example of radio button in html.In this example we have display two radio button Male and Female. The user select only one of a limited number of choice. We have used table form in the example and background color method is bgcolor="#00FFFF" set for background color.

Example

radioButton.html

<html>
<head><title>Radio button in HTML</title></head>
<body>
<form>
<table width="15%" bgcolor="#00FFFF" align="center">

<tr>
<td colspan=2><center><font size=4><b>radio buttons in html</b></font></center></td>
</tr>
<tr>
<td>Male</td>
<td><input type="radio" name="sex" value="male"></td>
</tr>
<tr>
<td>Female</td>
<td><input type="radio" name="sex" value="male"></td>
</tr>
</table>
</form> 
</html>

Here is the screen shot of the form:

Radio button in HTML

In this tutorial we have learned to create radio button in HTML page.

Check more tutorials at HTML Tutorials index page.