ch14-206.html

来自「javascript教程上部分」· HTML 代码 · 共 41 行

HTML
41
字号
<HTML>
<HEAD>
<TITLE>页面背景篇--颜色选择器</TITLE>
</HEAD>

<BODY bgcolor="#fef4d2" >

<br><br>
<center>
<h2>页面背景篇--颜色选择器</h2>
<hr width=300>
<br>

<!-- 案例代码开始 -->

<form>
<!-- [Step1]: 这里可以设置选择框的行数 -->
  <select size=6 name=clr onchange="document.bgColor=this.options[this.selectedIndex].value">
<!-- [Step2]: 在此能够按序增加选择的颜色 -->
    <option value="blue"  selected>蓝色
    <option value="gold">金色
    <option value="red">红色
    <option value="yellow">黄色
    <option value="aquamarine">碧绿色 
    <option value="darkred">暗红色
    <option value="cadetblue ">灰蓝色 
    <option value="darkkhaki">黄褐色
    <option value="slateblue">蓝灰色
    <option value="deeppink">粉红色
    <option value="tan">棕褐色
    <option value="wheat">淡黄色
    <option value="turquoise">青绿色
  </select>
</form>

<!-- 案例代码结束 -->


</BODY>

</HTML>

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?