表单与 HTML 标记一起返回（用作模板）答案

【问题标题】：Form is returned with HTML tags (for use as a template)表单与 HTML 标记一起返回（用作模板）
【发布时间】：2012-12-08 18:10:31
【问题描述】：

我想制作一个用户可以输入文本的表单，当表单提交时，它将返回 HTML 输出。该表格仅供我和我的同事使用，而不是最终用户。我们正在寻找这种解决方案，以便更好地设计我们网站内容的样式。我们使用 Wordpress，但未能找到解决此问题的方法。（我们目前使用一个基本的 HTML 模板，但是当您查看下面的示例时，这会导致工作耗时）。这是我对这种形式的设想：

<form>
Artist name: <input type="text" name="artist"><br />
Track name: <input type="text" name="track"><br />
Artist link: <input type="text" name="artistlink"><br />
Lyrics name: <input type="text" name="lyrics">br />
</form>

我可以很好地完成上述部分。然后更复杂的是使输出包含 HTML 标记。我想要这样的东西：

<strong>Artist:</strong> <div id="artistname">artist's name</div>
<strong>Track:</strong> <div id="trackname>track name</div>
<strong>Lyrics:</strong> <div id="lyricstext" style="overflow: auto; height: 360px;    width: 640px;">
<ul>
<ul>
<li>Its the two kids</li>
<li>New shit improving the movement</li>
<li>We prove this with music</li>
<li>Words for the chosing</li>
</ul>
</ul>
</div>

这样，我可以像这样添加一个 jQuery sn-p：

<script type="text/javascript">
  $(function() {
    $("ul li:nth-child("odd")").addClass("even");
  });
</script>

能够以不同的方式设置奇数和偶数 <li> 的样式。通过为每个部分创建 div，我还可以更好地控制输出的各个方面。我基本上需要这个作为将我们的内容放到网站上的模板。希望我的问题可以理解！谢谢。

【问题讨论】：

展示一些努力并展示你目前在 PHP 中所拥有的东西

标签： php html forms output

【解决方案1】：

你在寻找这样的东西吗？

<form method="POST" action="">
  Artist name: <input type="text" name="artist"><br />
  Track name: <input type="text" name="track"><br />
  Artist link: <input type="text" name="artistlink"><br />
  Lyrics name: <input type="text" name="lyrics"><br />
  <input type="submit" value="OK" />
</form> 

<?php
  //check if the submit button has been pressed and if the artist value is not empty 
  if(isset($_POST['artist']) && $_POST['artist'] != "") {
    echo '<strong>Artist:</strong><div id="artistname>"'.$_POST['artist'].'</div>';
  }
?>

【讨论】：