Объединить 2 поля формы с кнопкой - PullRequest
Новая
       6

Объединить 2 поля формы с кнопкой

0 голосов
/ 07 января 2019

Я пытаюсь объединить значения 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

Ответы [ 3 ]

0 голосов
/ 07 января 2019

Как я вижу, предоставленный 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>
0 голосов
/ 06 мая 2019

В вашей форме нет правильного ввода "submit", поэтому повторите попытку с: 

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

Вместо этой кнопки и кнопки нужно написать так: 

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

Кажется, он может работать в некоторых браузерах с <button>, но это не стандартный способ.

Edit: ваш URL тоже странный, вы уверены, что php работает правильно.

0 голосов
/ 07 января 2019

использование

Исеть ($ _ GET [ 'Отправить'])

вместо

Исеть ($ _ GET [ "отправить"])

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...