如何在 HTML 属性中存储 PHP 变量？

Question

I want to create a page which allows a user to select colours (among the listed ones, via checkboxes). When the user clicks on the submit button, all the selected colours should get displayed with their corresponding colours as their font colour.

Here is my code:

<?php 
if(!isset($_POST['button'])) { 
?>
    Colours<br>
    <form action="<?php echo $_SERVER['PHP_SELF']; ?>" method=post>
    <input type="checkbox" name="colours[]" value="Red">Red<br>
    <input type="checkbox" name="colours[]" value="Blue">Blue<br>
    <input type="checkbox" name="colours[]" value="Green">Green<br>
    <input type="checkbox" name="colours[]" value="Yellow">Yellow<br>
    <input type="checkbox" name="colours[]" value="Pink">Pink<br>
    <input type="submit" name="button" value="Show"> </form>
    <?php
} else {
    if (isset($_POST['colours'])) {
        echo "Colours selected are:<br><UL type=circle>";
        foreach($_POST['colours'] as $color) 
            echo "<LI><font color='echo $color'; >$color</font>";
        echo"</UL>";
    } else { 
        echo "No colour selected"; 
    }
} 
?>

There is a bug somewhere, the font colors are not as expected. I want it like this image below:

Answer 1

Simply write

echo "<li><font color='$color'> $color </font></li>"; // complete li tag

other mistakes:-

a) form method attrubute should be method='post'

b) UL type=circle should be ul type='circle'

Answer 2

Try this;

  echo "Colours selected are:<br><UL type=circle>";
  foreach($_POST['colours'] as $color) {
    echo " <LI><font color='".$color."'>'".$color."'</font></LI>";
  }
  echo"</UL>";

Answer 3

When appending a string to variable or another string, you must concatenate the values with a . (dot). for example:

echo("<li><font color=".$color.">".$color."</font>");