如何使用表格和php更改html页面的背景颜色？
[英]How to change the background color of a html page using forms and php?
问题描述
输入选择的颜色后，页面应更改其背景颜色。 应该使用html表单来完成。
<body bgcolor="<?php $_GET["color"]; ?>">
<form method="get" name="color">
Background color:<br>
<input type="text" name="color">
<input type="submit" value="submit">
</form>
</body>
3 个解决方案
解决方案1
0 2015-06-13 09:33:50
您必须回显存储在变量$_GET["color"]例如
<body bgcolor="<?php echo $_GET["color"]; ?>">
并且您还应该使用isset（）检查变量$_GET["color"]存在并且不为null，例如
<body bgcolor="<?php echo ( isset($_GET["color"]) && $_GET["color"] ) ? $_GET["color"] : "pink"; ?>"> // here pink is the default color
解决方案2
0 2015-06-13 09:34:13
<?php if(!empty($_GET['color']) {?>
<body style="background-color:'<?php echo $_GET['color'];?>">
<?php }else {?>
<body style="background-color:orange">
<?php } ?>
<form method="get" name="formcolor">
Background color:<br>
<input type="text" name="color">
<input type="submit" value="submit">
</form>
</body>
解决方案3
0 已采纳 2015-06-13 09:40:57
您应该使用CSS而不是HTML属性来装饰HTML呈现。 同样，您应该避免使用内联样式来代表更好的组织，因为内联样式将语言分开（=将CSS与HTML分开）。
因此，要回答您的问题，您可以这样做：
<?php
if (!isset($_GET["color"]) || $_GET["color"] === '')
{
$_GET["color"] = 'pink';
}
?>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>My Website</title>
<style>
body {
background-color: '<?= $_GET["color"] ?>';
}
</style>
</head>
<body>
<form method="get" name="color">
Background color:<br>
<input type="text" name="color">
<input type="submit" value="submit">
</form>
</body>
</html>
如何使用 AJAX Post Request 更改 HTML DOC 的背景颜色：
[英]How to change Background color of HTML DOC using AJAX Post Request:
如何在不使用表单或链接的情况下从html / php页面导航？
[英]How to navigate from a html/php page without using forms or links?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.