使用php打印用户输入到输入字段

时间:2016-11-03 08:21:53

标签: php html

如何让用户输入并将其打印到另一个文本字段输入中? 我正在使用php。我有2种输入类型的文本和一个提交按钮。我希望能够将输入A的结果打印到输入文本框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”回显到输出但不起作用。

3 个答案:

答案 0 :(得分:0)

你不能用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

答案 1 :(得分:0)

希望这会有所帮助

<?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>

答案 2 :(得分:0)

可能是您正在寻找的使用简单的javascript事件

&#13;
&#13;
function myFunction(){
var a=document.getElementById('a').value;
	document.getElementById('b').value= a
	}
&#13;
<form>
        <input type="text" name="input" 	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>
&#13;
&#13;
&#13;