Question

我想知道当玩家完成他的表格时我是否可以设置一个变量。 E.g：

<form>
  First name:<br>
  <input type="text" name="firstname" value="Pedro">
  <br>
  Last name:<br>
  <input type="text" name="lastname" value="Pinto">
  <br><br>
  <input type="submit" value="Submit">
</form>

当他提交时，在JS上执行一个函数，将firstname和lastname保存到变量中。

我想知道PhP，如果可能的话也可以。

Answer 1

var username = $("input[name=firstname]").val();
var lastname = $("input[name=lastname]").val();

这是使用Jquery获取两个输入字段的值的方法。第一部分通过它的名称获取输入，.val（）从该输入获取值。

Answer 2

如何在PHP中获取它：

为提交按钮添加名称：

<input type="submit" name="submit" value="Submit">

然后使用此代码：

<?php
if(isset($_POST['submit'])) {
   $firstname = $_POST['firstname'];
   $lastname = $_POST['lastname'];
}
?>

Answer 3

JS解决方案： 在此解决方案中，数据是客户端的。请注意，如果您将任何内容保存到服务器，因为用户可以使用浏览器插件以非预期的方式操作数据。

HTML：

<form>
  First name:<br>
  <input type="text" id="firstname" value="Pedro">
  <br>
  Last name:<br>
  <input type="text" id="lastname" value="Pinto">
  <br><br>
  <input type="submit" value="Submit" onclick="myFunction()">
</form>

JS：

function myFunction() {
  var firstname = document.getElementById('firstname').value;
  var lastname = document.getElementById('lastname').value;
}

PHP解决方案： 在此解决方案中，数据是proccesses服务器端。您还将丢失任何JS变量，因为这会导致您的页面在执行此操作时重新加载。如果你走这条路线，你可能需要通过会话变量，隐藏输入或URL参数传递额外的信息，以防止丢失其他存储的信息，具体取决于你使用它的目的。另请注意，HTML在传递帖子时使用“name”而不是“id”。

HTML：

<form action="MYPAGE.php" method="post">
  First name:<br>
  <input type="text" name="firstname" value="Pedro">
  <br>
  Last name:<br>
  <input type="text" name="lastname" value="Pinto">
  <br><br>
  <input type="submit" value="Submit">
</form>

PHP：

<?php
  $firstname = $_POST["firstname"];
  $lastname = $_POST["lastname"];
?>

如何使用input（form）标签设置变量js html / PhP

3 个答案: