2012-12-08 31 views
0

我想作一個表格,用戶可以輸入文字,並在表單提交,將在HTML返回的輸出。該表格供我和我的同事使用,而不是最終用戶使用。我們正在尋找這個解決方案,以更好地設計我們網站的內容。我們使用WordPress,但未能找到解決此問題的方法。 (我們目前使用基本的HTML模板,但是當您查看下面的示例時,這會耗費大量時間)。 以下是我設想這種形式:形式返回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來更好地控制輸出的每個方面。 我基本上需要以此作爲將在網站上我們的內容的模板。 希望我的問題是可以理解的! 謝謝。

+0

表現出一定的努力和表現出你有什麼至今在PHP –

回答

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