javascript - 如何将用户输入写入另一个文件？ HTML、PHP、JavaScript

Question

下面是我创建的 html 约会表单，它是一个简单的表单，获取日期、时间和姓名。我只是想知道如何将此信息写入另一个文件以供以后使用，或者也可能将信息发送到电子邮件地址。我似乎无法弄清楚。我对网络开发还比较陌生，并且尝试了许多不同的方法但无济于事。如有任何帮助，我们将不胜感激。

image of the form

<div class="col-md-5 col-md-offset-1">
  <div id="tab1">
    <div class="submit-form">
      <h4>
        Setup an appointment
      </h4>
      <form id="form-submit" action="" method="get">
        <div class="row">
          <div class="col-md-6">
            <fieldset>
              <label for="Date">Date:</label> <select required=""
              name='from' onchange='this.form.()'>
                <option value="">
                  Select a day...
                </option>
                <option value="Monday">
                  Monday
                </option>
                <option value="Tuesday">
                  Tuesday
                </option>
                <option value="Wednesday">
                  Wednesday
                </option>
                <option value="Thursday">
                  Thursday
                </option>
                <option value="Friday">
                  Friday
                </option>
              </select>
            </fieldset>
          </div>
          <div class="col-md-6">
            <fieldset>
              <label for="Time">Time:</label> <select required=""
              name='to' onchange='this.form.()'>
                <option value="">
                  Select a Time...
                </option>
                <option value="9:15 A.M">
                  9:15 AM
                </option>
                <option value="10:15 A.M">
                  10:15 AM
                </option>
                <option value="11:15 A.M">
                  11:15 AM
                </option>
                <option value="12:45 P.M">
                  12:45 PM
                </option>
                <option value="1:45 P.M">
                  1:15 PM
                </option>
                <option value="2:45 P.M">
                  2:15 PM
                </option>
                <option value="3:15 P.M">
                  3:15 PM
                </option>
                <option value="4:15 P.M">
                  4:15 PM
                </option>
              </select>
            </fieldset>
            <div class="nLabel">
              <fieldset>
                <label style="margin-left:-50px" for=
                "Name">Name:</label>
                <div class="nBox">
                  <fieldset>
                    <input style="margin-left:-110px" type=
                    "text" />
                    <div class="Btn">
                      <fieldset>
                        <button type="submit" style=
                        "margin-left:-69px" id="sBtn" class=
                        "button" value="click">OK</button>
                      </fieldset>
                    </div>
                  </fieldset>
                </div>
              </fieldset>
            </div>
          </div>
        </div>
      </form>
    </div>
  </div>
</div>

Answer 1

这应该可以帮助你。我没有在前端或后端进行任何验证。我建议你看看https://www.w3schools.com/php/php_form_validation.asp ; https://www.w3schools.com/php/php_forms.asp

home.php:

<form action="appointment.php" method="POST">
    Name: <input name="name" type="text"><br/><br/>
    Select Day: <select name="day">
        <option value="Monday">Monday</option>
        <option value="Tuesday">Tuesday</option>
        <option value="Wednesday">Wednesday</option>
        <option value="Thursday">Thursday</option>
        <option value="Friday">Friday</option>
    </select><br/><br/>
    Select Time: <select name="appointment_time">
        <option value="9:15 A.M.">9:15 A.M.</option>
        <option value="10:15 A.M.">10:15 A.M.</option>
        <option value="11:15 A.M.">11:15 A.M.</option>
        <option value="12:45 P.M.">12:45 P.M.</option>
        <option value="1:45 P.M.">1:45 P.M.</option>
        <option value="2:45 P.M.">2:45 P.M.</option>
        <option value="3:15 P.M.">3:15 P.M.</option>
        <option value="4:15 P.M.">4:15 P.M.</option>
    </select><br/><br/>
    <input type="Submit" name="Submit">
</form>

约会.php:

<?php
$name = $_POST["name"];
$day = $_POST["day"];
$appointment_time = $_POST["appointment_time"];
$txt = "\n".$name."\t".$day."\t".$appointment_time;
file_put_contents('appointments.txt', $txt.PHP_EOL , FILE_APPEND | LOCK_EX);
header("Location: home.php");
?>