Bgcolor Changer

Description:

ラジオボタンを押すごとに背景色を変えます。

Demo:

デモを見る。

Source:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>


</head>

<body>


<form method="post">
<input type="radio" name="col" onClick="document.bgColor='ffffff'">白色
<input type="radio" name="col" onClick="document.bgColor='000000'">黒色
<input type="radio" name="col" onClick="document.bgColor='ff0000'">赤色
<input type="radio" name="col" onClick="document.bgColor='00ff00'">緑色
<input type="radio" name="col" onClick="document.bgColor='0000ff'">青色
<input type="radio" name="col" onClick="document.bgColor='00ffff'">水色
<input type="radio" name="col" onClick="document.bgColor='ff00ff'">紫色
<input type="radio" name="col" onClick="document.bgColor='lightblue'">薄青
</form>

</body>
</html>

Advice:

Arrangement:

プルダウンメニューから背景色選択 [デモ]

プルダウンメニューから背景色を選択します。

<form method="post">
<select onChange="document.bgColor = this.options[this.selectedIndex].value">
  <!-- valueに色を記入 -->
  <option value=""> -色の選択-
  <option value="#ff0000">Red
  <option value="#00ff00">Green
  <option value="#0000ff">Blue
  <option value="BLACK">Black
  <option value="WHITE">White
  <option value="LIGHTBLUE">Light Blue
</select>
</form>

Browser:

Internet Explorer3.0以上
Netscape Navigator2.0以上
[ Back ]