Добавление маркеров в предустановленный текстовый вывод - PHP

Question

Я пытаюсь добавить маркеры в мой определенный texture вывод. Я просто создал textarea в php с каким-то предустановленным текстом. Как я могу предварить каждый фрагмент предустановленного текста с помощью маркера. Я хочу, чтобы текст в моем textarea выглядел так:

• Имя:
• Адрес:
• DOB:
• Любимый напиток:

Вот мой PHP-код:

<?php
  echo "<textarea name=''  id='' style='width: 565px;' rows='8' cols='60'>";
    echo "Name:";
    echo "Address:";
    echo "DOB:";
    echo "Favorite Drink:";
  echo "</textarea>";
?>

Большое спасибо за вашу помощь!

Answer 1

Чтобы написать что-то в текстовой области с префиксом маркеров, я кодирую это с div вместо textarea, следуйте приведенным ниже фрагментам кода.

<?php
    echo '<div class="editable" contenteditable="true">
              <ul>
                  <li>List item1</li>
                  <li>List item2</li>
                  <li>List item3</li>
                  ......
                  <li>List item(n)</li>
              </ul>
         </div>';
?>

Answer 2

Я не думаю, что можно добавить маркеры внутри обычной текстовой области. Вы можете сделать редактируемый section или div с маркерами в нем, но я не думаю, что это хорошо работает с формой.

Кроме того, размещение маркеров внутри textarea позволит пользователям их удалять.

Поскольку я предполагаю , вы бы в какой-то момент отправляли входные данные в форме, почему бы не использовать обычные входные данные, заключенные в элементы li? Таким образом, вы можете использовать входные данные в отправляемой таблице form, а маркеры нельзя удалить.

Вы даже можете придать ему стиль, чтобы он выглядел как один большой textarea!

<style>
    #form { border: solid #666 1px; border-radius: 3px; }
    #form input { border: 0; -webkit-appearance: none; background-color: unset; }
    #form input:focus { outline: none; }
</style>

<form id="form">
    <ul>
        <li>Name: <input type="text" placeholder="Name"></li>
        <li>Address: <input type="text" placeholder="Address"></li>
        <li>DOB: <input type="text" placeholder="DOB"></li>
        <li>Favorite Drink: <input type="text" placeholder="Favorite Drink"></li>
    </ul>
</form>

http://jsfiddle.net/7tw21m3o/ <--- в действии </p>

Answer 3

Если вам нужно использовать textarea, вы можете добавить HTML-элемент «bullet» в строку ...

<?php
  echo "<textarea name=''  id='' style='width: 565px;' rows='8' cols='60'>";
    echo "&#8226; Name:";
    echo "&#8226; Address:";
    echo "&#8226; DOB:";
    echo "&#8226; Favorite Drink:";
  echo "</textarea>";
?>

В противном случае вы можете пойти с неупорядоченным списком, как подсказал @Tim Hunter:

<?php
  echo "<ul>";
    echo "<li>Name:</li>";
    echo "<li>Address:</li>";
    echo "<li>DOB:</li>";
    echo "<li>Favorite Drink:</li>";
  echo "</ul>";
?>