表单值到同一页面

Question

这是我在这里发表的第一篇文章，所以我希望事先说声谢谢：）。

我在网上搜索寻找解决方案，并认为这将是最好的地方。

我正在尝试创建一个页面，当用户输入一些表单详细信息时它会发布到右侧部分，我已经通过使用javascript实现了这一点，但我正在寻找离开这个服务器端，因为不想要javascript在客户端看到。

我将有一个模板页面，其中包含将在所有页面上使用的表单，唯一改变的是右侧，然后我将使用管理面板添加模板，例如让我们说电子邮件（html代码）当用户输入所有信息时，将在表单的右侧显示，表单上的点击将被放入右侧的代码中。

<!-- This is the page that is a template and is used to display the different emails -->

<script type="text/javascript">
function changeThis(){
  var name = document.getElementById('name').value;
  document.getElementById('fname').innerHTML = name;
  }
</script>

<input type="text" class="form-control" id="name" placeholder="customer name">
<button type="button" onclick='changeThis()' class="btn btn-primary btn-lg btn-block"><span class="glyphicon glyphicon-repeat" aria-hidden="true"></span> Generate Code</button>

<p><!--all my html added through my admin will be in here --></p>

--------------------------------------------------------------------------

<!-- This is the html that is added through CKeditor -->

<div class="row">
<div class="col-lg-12">
<h4 align="right">Dear<br><small><span id='fname'></span></small></h4>
</div>
</div>


<!-- would like something like this like kajemuls reply, but to add through ckeditor -->
<div class="row">
<div class="col-lg-12">
<h4 align="right">Dear<br><small><?php echo $_POST['title']; ?></small></h4>
</div>
</div>

Answer 1

<?php 

if(isset($_REQUEST['first_name'])){
    $first_name= $_REQUEST['first_name'];
    $last_name= $_REQUEST['last_name'];
    $city= $_REQUEST['city'];
}

?>

体

<div style="float:left"> //left div
  <form method="post">
    <input type="text" name="first_name">
    <input type="text" name="last_name">
    <input type="text" name="city">
    <input type="submit">
  </form>
</div>

<div style="float:right"> //right div
    <p><?php echo $first_name;?></p>
    <p><?php echo $last_name;?></p>
    <p><?php echo $city;?></p>
</div>

Answer 2

提交表单后，您将获得$ _POST的表单值。现在，您可以在页面右侧打印表单值。请参阅下面的代码示例。

//Form
<form action="">
<input type="text" name="title"/>
<input type="text" name="body"/>
<input type="submit" value="Submit"/>
</form>

//It is the right side of the page where form values need to print.   
<?php
if(!empty($_POST)){  //if form submit then this code will execute
?>
<div class="title"><?php echo $_POST['title']; ?></div>
<div class="body"><?php echo $_POST['body']; ?></div>
<?php
}
?>