양식이 HTML 태그와 함께 반환됩니다 (템플릿으로 사용)

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를 스 니펫 (snippet)을 추가 할 수 있습니다 :

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