Question

我正在尝试在已定义的texture输出中添加项目符号。我只是用一些预设文本在php中创建了textarea。如何在每段预设文本前加上项目符号。我希望我的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

如果必须使用textarea，则可以在字符串中添加'bullet'HTML实体...

<?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>";
?>

Answer 2

要在文本区域中添加带有项目符号前缀的内容，请使用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 3

我认为不可能在常规textarea中添加项目符号点。您可以使用其中的要点制作一个可编辑的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/ <---实战

将项目符号添加到预设Textarea输出-PHP

3 个答案: