将项目符号添加到预设文本区域输出 - PHP
Adding Bullets to Preset Textarea Output - PHP
我正在尝试将项目符号添加到我定义的 texture
输出中。我只是用一些预设文本在 php 中创建了一个 textarea
。如何在每段预设文本前加上项目符号。我希望 textarea
中的文本看起来像这样:
- 姓名:
- 地址:
- 出生日期:
- 最喜欢的饮料:
这是我的 PHP 代码:
<?php
echo "<textarea name='' id='' style='width: 565px;' rows='8' cols='60'>";
echo "Name:";
echo "Address:";
echo "DOB:";
echo "Favorite Drink:";
echo "</textarea>";
?>
非常感谢您的帮助!
如果您必须使用 textarea
,您可以在字符串中添加 'bullet' HTML 实体...
<?php
echo "<textarea name='' id='' style='width: 565px;' rows='8' cols='60'>";
echo "• Name:";
echo "• Address:";
echo "• DOB:";
echo "• 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>";
?>
要在带有项目符号前缀的文本区域中编写内容,我使用 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>';
?>
我认为不可能在常规文本区域内添加项目符号点。您可以制作一个可编辑的 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/ <--- 行动中
我正在尝试将项目符号添加到我定义的 texture
输出中。我只是用一些预设文本在 php 中创建了一个 textarea
。如何在每段预设文本前加上项目符号。我希望 textarea
中的文本看起来像这样:
- 姓名:
- 地址:
- 出生日期:
- 最喜欢的饮料:
这是我的 PHP 代码:
<?php
echo "<textarea name='' id='' style='width: 565px;' rows='8' cols='60'>";
echo "Name:";
echo "Address:";
echo "DOB:";
echo "Favorite Drink:";
echo "</textarea>";
?>
非常感谢您的帮助!
如果您必须使用 textarea
,您可以在字符串中添加 'bullet' HTML 实体...
<?php
echo "<textarea name='' id='' style='width: 565px;' rows='8' cols='60'>";
echo "• Name:";
echo "• Address:";
echo "• DOB:";
echo "• 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>";
?>
要在带有项目符号前缀的文本区域中编写内容,我使用 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>';
?>
我认为不可能在常规文本区域内添加项目符号点。您可以制作一个可编辑的 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/ <--- 行动中