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

时间:2013-06-08 00:47:41

标签: php html

我有一个表单,用户填写各种项目,包括选择背景。当他们按下按钮预览表单时,我将它们发送到另一个.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:">

有人能指出我正确的方向吗?感谢

1 个答案:

答案 0 :(得分:0)

<?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>