Question

我是一名新兴的IT专业学生。我最近开始用HTML上一堂课，希望从你们那里得到一些反馈。

我的问题是如何将用户输入的信息带到HTML表单字段中，并将其存储以备将来使用？这是我的代码的一部分：

<div id="register" style="background-color:white; height:400px; width:400px; float:left;">
        <p>Sign up to stay up to date</p>
        <form>
            <fieldset>
                <legend>Registration</legend>
                First Name: <input type="text"><br>
                Last Name: <input type="text"><br>
                Email: <input type="text"><br>
                Phone #: <input type="text"><br>
                Date of birth: <input type="text"><br>
            </fieldset>
            <br>
            <input type="submit" value="Click to Register" />
        </form>
    </div>

我的最终目标是让“提交”按钮将其发送出去并存储起来，以便在学校项目中进一步使用。

Answer 1

我建议您填写一份完整的w3school基本课程表或任何与Web相关的教程。您可以通过多种方式做到这一点，使用jquery给出以下示例。

<!DOCTYPE html>
<html>

  <head>

    <script
  src="https://code.jquery.com/jquery-3.3.1.min.js"
  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
  crossorigin="anonymous"></script>


  </head>

  <body>
    <h1>Formr!</h1>
    <div id="register" style="background-color:white; height:400px; width:400px; float:left;">
        <p>Sign up to stay up to date</p>
            <fieldset>
                <legend>Registration</legend>
                First Name: <input type="text" id="username"><br>
                Last Name: <input type="text"><br>
                Email: <input type="text"><br>
                Phone #: <input type="text"><br>
                Date of birth: <input type="text"><br>
            </fieldset>
            <br>
            <button type="button" onclick="submit()"> Click to Register</button>

    </div>
    <script>
      function submit(){
        let name = $("#username").val();
        alert(name);
        // simmillary get all the values and do whatever you want like validation or sending in http request to server
      }
    </script>
  </body>

</html>

如何将用户输入从表单分配到外发文件

1 个答案: