使用PHP在两个不同的地方显示用户的输入 - Display user's input in 2 different places using PHP

Display user's input in 2 different places using PHP

<input id="myID" name="inputName" type="text" placeholder="Placeholder" maxlength="16">
<h3><?php echo $_POST['MCusername']; ?><h3>

我真正想要的是显示输入标签中的任何内容，立即被放入h3标签。

下面的例子使用JQuery。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<script>
    $(function() {
      $( "#myID" ).keyup(function() {
          $("#typedID").html( $(this).val() );
        });
    });
</script>
<input id="myID" name="inputName" type="text" placeholder="Placeholder" maxlength="16">
<h3 id="typedID"><h3>

需要JavaScript。您的PHP必须像这样(粗略地):

<input id="myID" name="inputName" type="text" placeholder="Placeholder" maxlength="16" onchange="updateh3()" onkeyup="updateh3()">
<h3 id="myh3"><h3>
<script type="text/javascript">
    var h3 = document.getElementById('myh3');
    function updateh3(ev) {
        h3.innerHTML = ev.target.value;
    }
</script>