Question

如何让HTML在输入字段的值中工作？如果在值中包含HTML，则它将显示为纯文本。有没有办法做这样的事情？

<input type='text' value='<b>tekst</b>'></input>

所以输出是：

tekst

而不是

<b>tekst</b>

我认为这是一个糟糕的例子......我希望每个合适的HTML标签都能正常工作。如果我想要包含图像，则图像会显示在输入中，如果我想添加标记...文本应显示为链接链接。

Answer 1

我不确定您是在尝试使值包含HTML，还是要将HTML应用于输入中的某些内容。

如果您希望能够将值设置为某些HTML，例如<input value="<b>Some HTML</b>">，其中值将实际显示HTML，则需要对HTML括号进行编码，如<input value="<b>Some text<b/>">。在大多数脚本语言中都有自动执行此功能的函数（例如PHP中的htmlentities（））。

如果您想将HTML应用于输入值，简短答案是......您不能。如果你想在那里格式化，你可以使用HTML5中的contentEditable属性，它允许你只编辑就地（想想Flickr标题）。

如果您只想设置标准输入字段，可以像使用其他答案一样使用CSS。

Answer 2

您可以尝试从邮戳中解码实体。在PHP中，您可以使用html_entity_decode();

执行此操作

Answer 3

您必须在值中对所需的所有HTML进行编码，然后将其粘贴到输入值中。

如果您对此进行编码：

"http://sansoftmax.blogspot.com/"

看起来像这样：

&quot;http://sansoftmax.blogspot.com/&quot;

输入：

value="&quot;http://sansoftmax.blogspot.com/&quot;"

Online Html Encoder/Decoder

Answer 4

尝试CSS：

input[type=text] {
    font-weight: bold;
}

Answer 5

我认为您不能将HTML放在文本字段中，并将其解释为HTML而不是字段中的文本。

要完成你想要的东西，你必须使用CSS。一个内嵌示例，用于粗略显示示例中引用的文本：

<input type="text" style="font-weight: bold;" value="tekst" />

Answer 6

在输入字段中将此代码用于HTML。

<input type="button" value="HomePage" />

输入字段值中的HTML

6 个答案: