php教程:更改颜色(switch-case)案例附带代码

[复制链接]
查看1980 | 回复0 | 2020-9-24 16:07 | 显示全部楼层 |阅读模式
php教程:更改颜色(switch-case)案例附带代码
目标:将文字的颜色改成选择的颜色
运行代码如下:
  1. <body>
  2. <?php
  3. if(isset($_POST['button'])) {
  4.         switch($_POST['color']){
  5.                 case '1':
  6.                         $color='#FF0000';        //红色
  7.                         break;
  8.                 case '2':
  9.                         $color='#009900';        // 绿色
  10.                         break;
  11.                 case '3':
  12.                         $color='#0000FF';        //蓝色
  13.                         break;
  14.                 default:
  15.                         $color='#000000';        //黑色
  16.         }
  17.         echo <<<str
  18.         <script type="text/javascript">
  19.         window.onload=function(){
  20.                 document.getElementById('shi').style.color='$color';
  21.         }
  22.         </script>
  23. str;
  24. }
  25. ?>

  26. <div id="shi">
  27.         锄禾日当午, <br />
  28.        
  29. 汗滴禾下土。 <br />
  30.        
  31. 谁知盘中餐, <br />
  32.        
  33. 粒粒皆辛苦。 <br />
  34. </div>
  35. <form method="post" action="">
  36.         <select name="color">
  37.                 <option value="0">请选择颜色</option>
  38.                 <option value="1">红色</option>
  39.                 <option value="2">绿色</option>
  40.                 <option value="3">蓝色</option>
  41.         </select>
  42.         <input type="submit" name="button" value="更改颜色">
  43. </form>
  44. </body>
复制代码

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

UID
1
贡献
387
丢币
38902
主题
4607
回帖
116
注册时间
2018-9-25
最后登录
2024-4-16