Печать ввода пользователей в поле ввода с использованием php

Question

Как я могу заставить пользователей вводить данные и печатать их в другом текстовом поле? Я использую php. У меня есть 2 типа ввода текста и одна кнопка отправки. Я хочу, чтобы иметь возможность печатать результаты ввода А во входном текстовом поле B пример: <form> <input type="text" name="input"/> <!-- thiss is where the user enters text --> <input type="text" name="output"/> <!-- I take that text out and output it here --> <input type="submit" value="submit" <?php echo $input;/> </form> Я продолжаю пытаться эхо «$ input» выводить, но не работать.

Answer 1

Вы не можете сделать это с помощью PHP, поскольку PHP является языком на стороне сервера. Он не поддерживает манипуляции на стороне клиента.

Вам понадобится нечто подобное.

<script type="text/javascript"> 
$(document).ready(function() { 
    $(document).on('change', 'input[name="input"]', function() { 
     var contents = $(this).val(); 
     $('input[name="outut"]').val(contents); 
    }) 
}); 
</script> 

<!-- HTML --> 
<form method="post"> 
    <input type="text" name="input" /> 
    <input type="text" name="output" value="" /> 
    <input type="submit" name="submit" value="submit"> 
</form> 

Для получения дополнительной информации о JQuery взглянуть на this W3Schools article

Answer 2

надеюсь, что это поможет

<?php 
$output= (isset($_POST['submit']))?$_POST['input']:''; 
?> 
pure php. <br> 
try to input value in input field then submit. 
<form method="post"> 
     <input type="text" name="input"/> <!-- thiss is where the user enters text --> 
     <input type="text" name="output" value="<?php echo $output;?>"/> <!-- I take that text out and output it here --> 

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


using javascript onchange.<br>try to input value in field input1 
<form method="post"> 
     <input type="text" id="input1" name="input1" onchange="clone();"/> <!-- thiss is where the user enters text --> 
     <input type="text" id="output1" name="output1" /> <!-- I take that text out and output it here --> 

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

<script> 
function clone() 
{ 
    var x = document.getElementById("input1").value; document.getElementById("output1").value=x; 
} 
</script> 

Answer 3

Может быть, это то, что вы ищете с помощью простого JavaScript события

function myFunction(){ 
 
var a=document.getElementById('a').value; 
 
\t document.getElementById('b').value= a 
 
\t }

<form> 
 
     <input type="text" name="input" \t onkeydown="myFunction()" onkeydown="myFunction()" id="a"/> <!-- thiss is where the user enters text --> 
 
     <input type="text" name="output" id ="b"/> <!-- I take that text out and output it here --> 
 
     <input type="submit" value="submit" > 
 
    </form>