用按钮连接 2 个表单域答案

【问题标题】：Concatenate 2 form fields with button用按钮连接 2 个表单域
【发布时间】：2019-01-07 05:20:32
【问题描述】：

当用户按下按钮时，我试图连接 2 个字段的值。按下按钮后，它应该显示连接的字符串。似乎无法弄清楚这一点，因为这是我第一次玩 html 表单。这是我的代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test</title>
</head>

<body>

<form method="GET">
<input type="text" name="num1" placeholder="Number 1">
<input type="text" name="num2" placeholder="Number 2">
<br>
<button type="submit" name="submit" value="submit">Generate</button>
</form>
<p>Response:</p>
<?php
if (isset($_GET["submit"])) {
$name = $_GET['num1'] . ' ' . $_GET['num2'];
echo $name;
}
?>



</body>


</html>

当我单击按钮时，似乎信息正在传递到 URL，因为这是输入“aaaa”和“bbbb”时显示的内容：

    file:///storage/emulated/0/web-files/index.php?num1=aaaa&num2=bbbb&submit=submit

【问题讨论】：

将按钮上的valie（错字）更改为value 是否可以修复您的表单？
@potNPan 谢谢，但我仍然没有得到任何东西。
我认为它不会显示任何内容，因为您在 html 中嵌入了 php 代码。而且由于您没有使用 Ajax，因此您的
内容不会改变，因为 php 在作为 html 的一部分执行时会产生静态内容。
另外，如果你只是想连接两个数字，为什么不直接使用 javascript。
@Dr.KevinWang 感谢您的意见。我是新手，正在学习。你能告诉我它是如何使用ajax工作的吗？谢谢

标签： php string forms post get

【解决方案1】：

使用

isset($_GET['submit'])

而不是

isset($_GET["提交"])

【讨论】：

【解决方案2】：

我可以看到提供的 url，您是直接从浏览器打开一个 php 文件。尝试安装 apache 服务器，然后将文件保存在根目录中。它肯定会奏效。如果你想继续使用php，你可以通过这个链接https://howtoubuntu.org/how-to-install-lamp-on-ubuntu 或者，如果您只想连接这些输入值，您可以使用 JavaScript 来完成这项工作，一个简单的 html 文件会有所帮助。

<!DOCTYPE html>
    <head>
        <meta charset="UTF-8">
        <title>Test</title>
        <script type="text/javascript">
            function concatme()
            {
                var num1 = document.getElementById("num1").value;
                var num2 = document.getElementById("num2").value;
                document.getElementById("response").innerText = num1 + ' ' +num2;
            }
        </script>
    </head>
    <body>

    <form method="GET">
        <input type="text" name="num1" id="num1" placeholder="Number 1">
        <input type="text" name="num2" id="num2" placeholder="Number 2">
    </form>
    <br>
    <button  value="submit" onclick="concatme()">Generate</button>
    <p id="response"></p>
    </body>
</html>

【讨论】：

【解决方案3】：

您的表单中没有正确输入“提交”，因此请重试：

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

取而代之的是这个按钮，一个按钮必须这样写：

<input type="button" name="btnName" value="btnValue"/>

它似乎可以在带有<button> 的某些浏览器上运行，但这不是标准方式。

编辑：你的网址也很奇怪，你确定 php 运行正常吗？

【讨论】：

我认为它不会起作用的想法......表单网址是什么？您提交时是否落在此表单页面上？尝试添加操作<form method="GET" action="<?php echo $_SERVER['PHP_SELF']; ?>">。你的file://很奇怪，一定是http://