Question

<label for="fullname" name="identity">Name, Surname</label><br/>
<input type="text" name="info" value="" />

一旦用户输入内容，我想将其保存到变量中。以后可以在其他地方使用。

<input type="submit" value="send" onclick="myFunction()"/>

要创建什么功能以及如何使用此值？

Answer 1

如果要将数据保存在同一页面上，则可以通过在文档级范围内声明变量来使用vanilla JavaScript。这是一个简单的例子：

＆＃13;

window.onload = function() {
  document.getElementById("my_form").onsubmit = my_form_submit;
}

var fullname;
function my_form_submit(e) {
  // Stop the form from submitting
  e.preventDefault();

  // Store the value
  fullname = document.getElementById("fullname").value;
}

＆＃13;

<form id="my_form">
  <label for="fullname" name="identity">Name, Surname</label><br/>
  <input type="text" name="info" value="" id="fullname" />
  <input type="submit" value="send" />
</form>

＆＃13;

如果您希望数据在页面中保持不变，那么您需要使用服务器端语言来创建Cookie。在PHP中，您可以建立会话，然后设置会话变量。这是一个简单的例子：

<?php
// Set session variables
session_start();

// Assign the session variable from the form's post
$_SESSION["fullname"] = "info";
?>

使用HTML输入中的值

1 个答案: