0

我想制作一个用户可以输入文本的表单，当提交表单时，它将返回 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，我还可以更好地控制输出的各个方面。我基本上需要这个作为将我们的内容放到网站上的模板。希望我的问题可以理解！谢谢。

4

1 回答 1

0

你在寻找这样的东西吗？

<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>';
  }
?>
于 2012-12-08T19:25:42.070 回答