ASDV-WebDev/Semester 1/Chapter ZIPs/JavaScript/ch6/ex_6_3.html

54 lines
1.2 KiB
HTML

<html>
<head>
<title>Exercise 6.3</title>
<style type="text/css">
<!--
.style2 {color: #4f81bd}
.style5 {
color: #0000FF;
font-weight: bold;
}
.style6 {
color: #FF0000;
font-weight: bold;
}
.style7 {
color: #00CC33;
font-weight: bold;
}
.style8 {
color: #660066;
font-weight: bold;
}
.style9 {
color: #FF9900;
font-weight: bold;
}
-->
</style>
</head>
<body>
<table align = "center" width = "60%">
<form name="buttons" >
<tr><td><h2 align="center" class="style2">Colors</h2></td>
</tr>
<tr><td><fieldset>
<h2>What color do you like best?</h2>
<input type="radio" name="color" id="blue" value="blue">
<span class="style5"> Blue</span><br />
<input type="radio" name="color" id="red" value="red">
<span class="style6">Red</span><br />
<input type="radio" name="color" id="green" value="green">
<span class="style7">Green</span><br />
<input type="radio" name="color" id="purple" value="purple">
<span class="style8">Purple</span><br />
<input type="radio" name="color" id="orange" value="orange">
<span class="style9">Orange</span>
</fieldset>
</td></tr>
<tr><td><input type="reset" value="ooops! Clear my form please"> <input type="submit" value ="I'm done! Send my info"></td></tr>
</form></table>
</body>
</html>