PHPのformで渡されたされた値に従って、ページの背景色を変更したい。

前提・実現したいこと

PHPで入力された値に従って、ページの背景色を変更したいです。

該当のソースコード

PHP
1
2<body>
3
4<h1>背景色の変更</h1>
5
6背景色の変更
7<form action="haikei.php" method="post">
8背景色を１６進数で入力してください。: <input type="text" name="collar"><br>
9<input type="submit">
10</form>
11
12<?php
13$color = filter_input(INPUT_POST, 'color');
14echo "現在の背景色は" . htmlspecialchars($color) . "色です。" . "<br>"; 
15?>
16
17</body>
18

詳細

このままだと入力した数字が表示されるだけなので、背景色も変わるようにしたいです。
css,javascriptはできるだけ使用せずに書きたいです。

m.ts10806

2019/09/25 09:23

マークダウンcode機能の使い方間違っています。 ```PHP //ここにコード ```

menta__

2019/09/25 09:26

変更させていただきました。ご指摘ありがとうございます。

退会済みユーザー

2019/09/25 09:31

コードの最後、「```」だけの行をおいて閉じなきゃ。

m.ts10806

2019/09/25 09:33

投稿前にプレビュー確認いただければと。

行動規範の内容に同意します

回答3件

PHP: $_POST - Manual
$_POSTの参照の仕方が間違っています。

php
1echo "現在の背景色は" . $_POST['collar'] . "色です。" . "<br>";

ですが、このコードをPOST受信していない時に動かすと
Notice: Undefined index とかなっちゃうので、もうひと工夫必要です。

php
1$color = '';
2if (isset($_POST['color'])) {
3  $color = $_POST['color'];
4}
5echo "現在の背景色は" . htmlspecialchars($color) . "色です。" . "<br>";

とか。あるいは、

php
1$color = filter_input(INPUT_POST, 'color');
2echo "現在の背景色は" . htmlspecialchars($color) . "色です。" . "<br>";

とか。

投稿2019/09/25 09:27

退会済みユーザー

総合スコア0

$_POST{'collar'}

これは構文的にNGです。そもそもこれでは正しく値は取れてないのでは？
配列なので[]です。

css,javascriptはできるだけ使用せずに書きたいです。

「背景色を変えたい」のであればCSSは必要です。

あと細かいですが「色」なら「color」ですね。

※未検証

php
1<?php
2$color = filter_input(INPUT_POST,"color");
3?>
4<body<?=(!is_null($color))?' style="background-color:#'.$color.';"':'' ?>>
5
6<h1>背景色の変更</h1>
7
8背景色の変更
9<form method="post">
10背景色を１６進数で入力してください。: <input type="text" name="color"><br>
11<input type="submit">
12</form>
13<?=(!is_null($color))?'現在の背景色は'.$color.'"色です':''; ?>
14</body>

投稿2019/09/25 09:31

編集2019/09/25 09:40

m.ts10806

総合スコア80875

m.ts10806

2019/09/25 09:34

16進数なので白＝FFFFFFという前提バリデーションは必須。HTMLエスケープは入れてません。（本来は必要）

sudukichirow

2019/09/25 12:28

@m.ts10806 > これは構文的にNGです。そもそもこれでは正しく値は取れてないのでは？ > 配列なので[]です。そんな事はありません。色々議論はありますが、少なくとも現行バージョンの php では配列は `{}` でもアクセス可能です。修正をお願いします。 https://www.php.net/manual/ja/language.types.array.php > 角括弧と波括弧は、配列の要素にアクセスするときにはどちらも同じ意味で使えます (つまり、この例で $array[42] と $array{42} は同じものを表しているということです)。

行動規範の内容に同意します

ベストアンサー

PHP
1<?php
2$color = filter_input(INPUT_POST, 'color',FILTER_VALIDATE_REGEXP,["options"=>["regexp"=>"/^[\dA-F]{6}$/i"]]);
3if(is_null($color) || $color===false) $color="ffffff";
4?>
5<body style="background-Color:#<?=$color;?>"
6<h1>背景色の変更</h1>
7背景色の変更
8<form method="post">
9背景色を１６進数で入力してください。: <!input type="text" name="color" pattern="[0-9a-fA-F]{6}" maxlength="6" required><br>
10<input type="submit" value="send">
11</form>
12<?php
13if(!is_null($color)){
14  echo "現在の背景色は" . htmlspecialchars($color) . "色です。" . "<br>"; 
15}
16?>
17</body>