javascript - 在占位符中添加 HTML

Question

我喜欢使用 HTML 占位符，因为它有助于向用户描述他们需要输入的内容类型。但是，有时您需要为用户提供更多信息，而不仅仅是简单的句子。基本上我希望能够在我的文本区域占位符中添加换行符、制表符等。我听说过使用特殊编码来做到这一点(并且已经使用这些编写了代码片段)，但我发现它相当不可靠。例如，某些浏览器将显示不同数量的代码空白。此代码的示例如下所示:

<textarea name="parts" id="parts" placeholder="Some-Part&#x0a;&#x09;&#x09;&#x09;&#x0a;&#x09;&#x09;&#x09;&#x09;&#x0a;&#x09;&#x09;&#x09;&#x09;&#x0a;..."></textarea>

因此，我的解决方案是能够将实际的 HTML 元素放入占位符中。我一直在研究如何实现这一目标，但一直找不到任何相关信息。您知道我可以去哪里找到与此类似或相同的功能吗？或者，您是否有其他方法可以完成同样的事情？

Answer 1

根据定义，placeholder 属性将纯文本作为其值。没有识别任何标签。可以识别字符引用，但 TAB U+0009 ( ) 等字符的效果被定义为依赖于实现。

所以不，你不能在那里有 HTML 标记。您的最终问题可能有解决方案，但您还没有描述该问题。通常，如果您需要的 placeholder 值不是短的纯文本字符串，则您将尝试根据其定义使用该属性。它旨在作为一个提示，增强字段标签和描述，而不是替换它们。通常，任何需要的描述都应位于字段之前，您可以根据需要使用 HTML 标记。