Sunday, December 25, 2011

Select the value from the list by using option button for background effect.


Example 9:   Select the value from the list by using option button for         background effect.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> Background effect  </title>

</head>

<body style="width:800px; margin:0 auto">
<center>
<h3>Select the value from the list by using option button for  background effect.  </h3>

<div style="font-size:20px">
<select size=10 name=clr onchange="document.bgcolor=this.options[this.selectedindex].value">
<option value="olive green">olive green
<option value="cream">cream
<option value="ocean">ocean
<option value="aqua">aqua
<option value="skyblue">skyblue
<option value="white" selected>white
<option value="blue">blue
<option value="aquamarine">aquamarine
<option value="chocolate">chocolate
<option value="darkred">dark red
<option value="gold">gold
<option value="red">red
<option value="yellow">yellow
<option value="hotpink">hotpink
<option value="lime">lime
<option value="darkkhaki">dark khaki
<option value="cadetblue ">cadet blue
<option value="darkgoldenrod">dark goldenrod
<option value="darkslateblue">dark slate
<option value="grass">grass green
<option value="deeppink">deep pink
<option value="darksalmon">dark salmon
<option value="salmon">salmon
<option value="tan">tan
<option value="wheat">wheat
<option value="tomato">tomato
<option value="springgreen">springgreen
<option value="turquoise">turquoise
<option value="white" selected>white

</select>
</form></div>
</center>
</body>
</html>

No comments:

Post a Comment