Question

我想创建一个用户可以输入文本的表单，当提交表单时，它将返回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代码段：

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

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

Answer 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>';
  }
?>

使用HTML标记返回表单（用作模板）

1 个答案: