テキストボックスに入力した色を背景色にする

<html>
<head>
</head>
<body text="black" bgcolor="white">
テキストボックスに好きな背景色(名前もしくはカラーコード)を入力してください<br>
<form name="form1">
<input type="text" size="20" name="txtcolor">
<input type="button" value="表示"
onclick="document.bgColor=document.form1.txtcolor.value">
</form>
<br>
</body>
</html>
【解説】
今までの流れからするとかなり複雑になってしまいそうですが
単純なものでした。それが思いつくかどうかが問題ですが。
当然ながら色の名前をよびだして来るわけがないので、
そこでオブジェクトの登場となります。

注:認識できない色を入力すると黒になります。

戻る