javascript - 根据用户上一页的输入更改网页颜色

Question

我有一个在前一页制作的表格。在表格中，我有一个选项清单：红色、绿色、蓝色。

如果用户选择红色，则下一页的背景颜色应为红色。如果选择绿色，则背景颜色将为绿色。我正在使用 PHP 来执行此操作。

上一页

<form action="next_page.php method="POST>
  <input type="radio" name="color" value="red">
  <input type="radio" name="color" value="green">
  <input type="radio" name="color" value="blue">
</form>

下一页

<?PHP 
   $radioVal = $_POST["color"]
 ?>

 <style>
   .body{
     //what goes here
  }
 </style>

标签： javascriptphphtmlcssbackground-color

Answer 1

尝试这个：

<?PHP 
$radioVal = $_POST["color"];

echo "
 <style>
   .body{
     background-color:" . htmlspecialchars($radioVal) . "
  }
 </style>";
 ?>