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 に答える