Форма возвращается с тегами 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, как так:

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

Чтобы иметь возможность стилизовать нечетным и даже <li> иначе. У меня также есть больший контроль над каждым аспектом вывода, создавая divs для каждой части. Мне по существу нужно это как шаблон для размещения нашего контента на сайте. Надеюсь, мой вопрос понятен! Спасибо.

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