php - 从用户输入动态地将样式应用于 html

Question

我有一个用户填写各种项目的表格，包括选择背景。当他们按下按钮预览表单时，我将他们发送到另一个 .php 页面，该页面会弹出一个 iframe 并将所有表单部分组合成一封信。我的问题是让背景填充。这是我试图让背景显示的方式（$stationery 是用户要求的任何内容，输入已清理）。我很接近，因为如果我作弊和编码

<div style="width: 550px; height: 550px; padding: 15px; background-image:url(images/stationery/birthday.jpg);"> 

它工作正常。但是，正如我所说，这是作弊:-)

$final = "url(images/stationery/" . $stationery . ".jpg);" ; 
<div style="width: 550px; height: 550px; padding: 15px; background-image:" . $final .  ";>"
<h3>Message Preview</h3>
 ....... 

但背景没有显示，我没有收到任何错误。然而，Firebug 看起来很可怕：

<div <h3="" "="" ";="" $final;="" .="" background-image:\"="" 15px;="" padding:="" height:="" 550px;="" style="\"width:">

有人可以指出我正确的方向吗？谢谢

Answer 1

<?php
$final = "url('images/stationery/" . $stationery . ".jpg');";
?>
<div style="width: 550px; height: 550px; padding: 15px; background-image: <?php print $final; ?>">
<h3>Message Preview</h3>
<!--Don't forget to close the div-->
</div>

或者，如果您希望这一切都通过 PHP 解释器运行：

<?php
$final = "url('images/stationery/" . $stationery . ".jpg');";
print '<div style="width: 550px; height: 550px; padding: 15px; background-image: ' . $final . '">';
print '<h3>Message Preview</h3>';
// Don't forget to close the div...
print '</div>';
?>

更好的是：

<div style="width: 550px; height: 550px; padding: 15px; background-image: url('images/stationery/<?php print $stationery; ?>.jpg');">
<h3>Message Preview</h3>
<!--Don't forget to close the div-->
</div>