（スマホ）で入力フォームから確認表示画面に送った情報が表示されない。PCではきちんと表示されてます。

入力フォームを作っているのですが、入力して送った情報が確認表示画面で表示されないです。PCではきちんと表示されてます。1300px前後のPC。

しかし、何故かスマホでやってみると、入力フォームの情報が確認表示画面で表示されません。400px前後のスマホ、アンドロイド、アイフォンでクロームやサファリので試していても
結果は同じでした。

原因はなんでしょうか？今までパソコンでのみ検証してたので、全く気が付きませんでした。

提示コードは入力フォーム１つで、空白でボタンをクリックするとjavascriptでアラートを表示させて、情報は最終的にはPHPで確認表示画面に送るようになっています。

全く見当つきません。

果際のURLは以下です。
https://rensyuu12.tokyo/PHPMailer/eeeee.php

入力フォーム画面

php
1<?php
2session_start();
3
4$errors = array();
5if ($_POST) {
6
7$name = filter_input(INPUT_POST, 'name');
8if (empty($name)) $errors[] ="名前が入力されていません。 ";
9
10$name = htmlspecialchars($name, ENT_QUOTES); 
11
12if (count($errors) === 0) {
13$_SESSION['name'] = $name;
14
15/* 確認画面の表示， */
16header('Location:http://rensyuu.s205.xrea.com/rensyuu12.tokyo/PHPMailer/jjjjj.php');
17exit();
18 }
19}
20
21if(isset($_GET['action']) && $_GET['action'] === 'edit'){
22$name = isset($_SESSION['name']) ? $_SESSION['name'] : '';
23}
24?>
25
26
27
28
29<!DOCTYPE html>
30
31<html lang="ja">
32
33<head>
34	<meta content="text/html; charset=utf-8" />
35	<meta name="viewport" content="width=device-width, initial-scale=1">
36	
37  
38 <title></title>
39  <style>
40 /* 入力フォームの位置 */
41.auto-style1 {
42text-align: center;
43}
44</style>
45
46</head>
47<body>
48<?= count($errors) ? '<ul><li>' . implode('</li><li>', $errors) . '</li></ul>' : '' ?>
49
50<form action="eeeee.php" method="post" id="form">
51
52
53
54      
55  <div class="auto-style1">
56
57      <p class="tel-titile">
58          名前：※
59      </p>
60      <input type="text" class="name" name="name" id="name" value="<?php if(isset($name)){ echo $name; } ?>" />
61      
62  </div>
63
64 
65
66
67  <div class="auto-style1010">
68           <button type="submit" id="submit" name="submit" class="auto-style40" value="submit">
69            <img src="" alt="確認画面へ" class="button-simple yureru-s example80" /></button>
70    </div>
71
72</form>
73
74
75
76
77 
78<script>
79// javaでエラーメッセージの表示
80const key = 'date_key';
81const form = document.querySelector('#form');
82
83 const name = document.querySelector('#name');
84 form.addEventListener('submit', function(event) {
85let msg = "";
86
87// javaでエラーメッセージの表示　PHPと重複表示にしています。
88
89if (name.value == "") msg += "名前が入力されていません。\n";
90
91
92if (msg != "") {
93event.preventDefault();
94alert(msg);
95}
96});
97
98form.addEventListener('change', function() {
99
100if (name.value != "") sessionStorage.setItem('name', name.value);
101});
102
103// javaで前面遷移による、入力フォームの値を保持sessionStorage
104name.value = sessionStorage.getItem('name');
105
106</script>
107</body>
108</html>

入力確認画面

php
1<?php
2session_start(); 
3
4if(isset($_SESSION['name'])){ 
5 
6$name = $_SESSION['name'];
7
8}
9
10$_SESSION['token'] = base64_encode(openssl_random_pseudo_bytes(48)); 
11
12$token = htmlspecialchars($_SESSION['token'], ENT_QUOTES);
13 
14?> 
15
16<!DOCTYPE html>
17 <html>
18 <head> 
19<meta charset ="utf-8"> 
20<meta name="viewport" content="width=device-width, initial-scale=1">
21
22
23
24<title></title> 
25<style type="text/css">
26    /* レスポンシブ対応で右に出る謎の余白を無くす。消えるため。footerは除外してます。下部div位置 */
27    .wrapper {
28        overflow: hidden;
29  
30     }
31 
32</style>
33
34</head>
35
36<body>
37
38<div class="wrapper">
39
40
41
42 <form action ="hpform3.php" method ="post" name="doui_form" onsubmit="return false">
43
44<input type ="hidden" name ="token" value ="<?php echo $token ?>">
45<div class="auto-style1">
46
47        <a button type="submit" id="soushin" name="submit" class="auto-style4" href="">
48            <img src=".png" alt="確認画面へ" class="button-simple yureru-s example8" /></a>
49    </div>
50
51<div class="row">
52<label class="col-sm-2 control-label" for="name">名前：<small><?php echo $name; ?></small></label>
53</div>
54
55
56 </body> 
57</html> 
58
59
60