在 HTML5 中提交输出计算的值

Question

我有一个简单的 HTML 表单，它接收一个人的姓氏和名字的值。然后我使用一个 PHP 文件将此表单提交到 MySQL 数据库中。

我想创建一个名为“name”的第三个变量，它由“firstname”和“lastname”组成，我希望将这个“name”提交到数据库。

但是，当用户键入他的姓氏和名字时，我还必须显示“姓名”。为此，我使用了“oninput”和“output”标签组合。这是我的 HTML 文件的缩短版本：

<form 
 action="file.php" 
 method="post" 
 oninput="name.value=lastname.value + space.value + firstname.value">

 <input type="text" id="space" value=" ">

 <output id="name" name="name">
 <input type="text" class="text" name="lastname">
 <input type="text" class="text" name="firstname">

 <input type="submit" id="submit" name="submit">
</form>

这就是我在 PHP 文件中所做的：

$name= $_POST['name'];
$sql = "INSERT INTO table1 (name) VALUES ('$name')";

我认为问题在于我不能简单地提交输出的值？因为如果我想提交都是输入的“姓氏”或“名字”，这可以正常工作。

请帮忙！

PS：有没有更简单的方法可以在“oninput”部分包含空格？

Answer 1

你为什么不在收到后简单地连接它们？

HTML

<form  action="file.php" method="post"> 
<input type="text" class="text" name="lastname">
<input type="text" class="text" name="firstname">
<input type="submit" id="submit" name="submit">
</form>

PHP

$name1  =  $_POST['firstname'];
$name2  =  $_POST['lastname'];

$name   =  $name1 . " " . $name2;

$sql    =  "INSERT INTO table1 (name) VALUES ('$name')";