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.

Radio buttons in html

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.