Q&A
「トップから表示させたい」をもっと具体的に説明いただけますか？
前提・実現したいこと
index.phpのファイルをブラウザでトップから表示させたい。
発生している問題・エラーメッセージ
index.htmlをindex.phpに変更したらページ下部のphpを使っているフォームのところから表示されてしまうので、トップから表示させたいです。
フォームのセクションにだけphpを使っているのですが、どうすればトップから表示されるようになるか教えて欲しいです。
ページを読み込むと、ページトップからではなく、PHPを使っているページ下部にあるフォームのところから表示されてしまいます。
該当のソースコード
<?php session_start(); $error = []; if ($_SERVER['REQUEST_METHOD'] === 'POST'){ $post = filter_input_array(INPUT_POST,FILTER_SANITIZE_STRING); // フォームの送信時にエラーをチェックする if ($post['name'] === ''){ $error['name'] = 'blank'; } if (count($error) === 0){ // エラーがないので確認画面に移動 $_SESSION['form'] = $post; header('Location: confirm.php'); exit(); } }else{ if(isset($_SESSION['form'])){ $post = $_SESSION['form']; } } ?> <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <header class="header"> </header> <section class="contact" id="contact"> <div class="form"> <form action="" method="POST" novalidate> <div class="form-content"> <label>お名前</label> <input type="text" name="name" id="inputName" class="form-control" value="<?php echo htmlspecialchars($post['name']); ?>" required autofocus> <?php if ($error['name'] === 'blank'): ?> <p class="error_msg">※お名前をご記入下さい</p> <?php endif; ?> </div> <div class="form-content"> <label>メールアドレス</label> <input type="email" name="email" id="inputEmail" class="form-control" value="<?php echo htmlspecialchars($post['email']); ?>" required> <?php if ($error['email'] === 'blank'): ?> <p class="error_msg">※メールアドレスをご記入下さい</p> <?php endif; ?> <?php if ($error['email'] === 'email'): ?> <p class="error_msg">※メールアドレスを正しくご記入下さい</p> <?php endif; ?> </div> <div class="form-content"> <label>件名</label> <input type="text" name="kenmei" id="inputkenmei" class="form-control" value="<?php echo htmlspecialchars($post['kenmei']); ?>" required autofocus> <?php if ($error['kenmei'] === 'blank'): ?> <p class="error_msg">※件名をご記入下さい</p> <?php endif; ?> </div> <div class="form-content"> <label>お問い合わせ</label> <textarea name="contact" id="inputContent" rows="10" class="form-control" required><?php echo htmlspecialchars($post['contact']); ?></textarea> <?php if ($error['contact'] === 'blank'): ?> <p class="error_msg">※お問い合わせ内容をご記入下さい</p> <?php endif; ?> </div> <button type="submit">確認画面へ</button> </form> </div> </section>試したこと
htmlで表示させていたところもphpで表したりすればそこから表示されるかと思ったので試しました。
最初のコードをDOCTYPEの下に書きました。
あとコードは「このような」ではなく実際のコード、または最小構成で組みなおしたコードをそのままご提示ください（マークダウンのcode機能は忘れずに）
ご指摘ありがとうございます。下記に追記しました。
トップから表示させたいというのは、ページ上部のヘッダーから表示させたいという事です。
今表示させようと読みこむと、フォームを入力する位置から表示されてしまうので。
分かりづらい説明ですみません！よろしくお願い致します。
<?php
session_start();
$error = [];
if ($_SERVER['REQUEST_METHOD'] === 'POST'){
$post = filter_input_array(INPUT_POST,FILTER_SANITIZE_STRING);
// フォームの送信時にエラーをチェックする
if ($post['name'] === ''){
$error['name'] = 'blank';
}
if (count($error) === 0){
// エラーがないので確認画面に移動
$_SESSION['form'] = $post;
header('Location: confirm.php');
exit();
}
}else{
if(isset($_SESSION['form'])){
$post = $_SESSION['form'];
}
}
?>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<header class="header">
</header>
<section class="contact" id="contact">
<div class="form">
<form action="" method="POST" novalidate>
<div class="form-content">
<label>お名前</label>
<input type="text" name="name" id="inputName" class="form-control" value="<?php echo htmlspecialchars($post['name']); ?>" required autofocus>
<?php if ($error['name'] === 'blank'): ?>
<p class="error_msg">※お名前をご記入下さい</p>
<?php endif; ?>
</div>
<div class="form-content">
<label>メールアドレス</label>
<input type="email" name="email" id="inputEmail" class="form-control" value="<?php echo htmlspecialchars($post['email']); ?>" required>
<?php if ($error['email'] === 'blank'): ?>
<p class="error_msg">※メールアドレスをご記入下さい</p>
<?php endif; ?>
<?php if ($error['email'] === 'email'): ?>
<p class="error_msg">※メールアドレスを正しくご記入下さい</p>
<?php endif; ?>
</div>
<div class="form-content">
<label>件名</label>
<input type="text" name="kenmei" id="inputkenmei" class="form-control" value="<?php echo htmlspecialchars($post['kenmei']); ?>" required autofocus>
<?php if ($error['kenmei'] === 'blank'): ?>
<p class="error_msg">※件名をご記入下さい</p>
<?php endif; ?>
</div>
<div class="form-content">
<label>お問い合わせ</label>
<textarea name="contact" id="inputContent" rows="10" class="form-control" required><?php echo htmlspecialchars($post['contact']); ?></textarea>
<?php if ($error['contact'] === 'blank'): ?>
<p class="error_msg">※お問い合わせ内容をご記入下さい</p>
<?php endif; ?>
</div>
<button type="submit">確認画面へ</button>
</form>
</div>
</section>
質問は編集できます。こちらのコメント欄に提示されても目につきませんし、マークダウンが使えません。
ただ、
>トップから表示させたいというのは、ページ上部のヘッダーから表示させたいという事です。
これでもわかりません。情報持ってるのは質問者さんだけなので、要件と仕様・設計を具体的に書いてください。
（マークダウンのcode機能は忘れずに） ・・・と書いたのですが・・・
https://teratail.com/help#about-markdown
https://teratail.com/help/question-tips#questionTips3-7
ほかの質問や回答で提示されたコード部分を参考にされると良いかと思います。
平で提示されてもインデントがなかったり文章と混ざったりコピペが１クリックでできなかったり
中には「読む気がしない」回答者もいます（私もその１人です）
「ページ上部のヘッダー」とは質問のソースに記載されている
どの部分ですか？
> <header class="header">
> </header>
<header>タグは空なので何も表示されて無くて正解だと思うのですが・・・
回答1件
0
ベストアンサー
HTML
1<input type="text" name="name" id="inputName" class="form-control" value="<?php echo htmlspecialchars($post['name']); ?>" required autofocus>
inputにautofocusつけてればそこが選択された状態になるからそこが表示される。
書いたとおりにしか動かないよ。
投稿2020/09/30 08:27
編集2020/09/30 08:32
総合スコア357
あなたの回答
tips
プレビュー
