Использование HTML в значении формы

Question

Простой вопрос, но я нигде не могу найти ответ.

Мне нужен ввод текста, который может отображать HTML в его значении, то есть:

<input type="text" name="guest_sc_player" id="guest_sc_player" size="27" value="<iframe width="100%" height="166" scrolling="no" frameborder="no" src="http://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F34196707&show_artwork=true"></iframe>" />

Answer 1

Большинство других ответов будут работать для этой конкретной ситуации, но правильный способ сделать это - HTML Encode всего значения:

<input type="text" name="guest_sc_player" id="guest_sc_player" size="27" value="&lt;iframe width=&quot;100%&quot; height=&quot;166&quot; scrolling=&quot;no&quot; frameborder=&quot;no&quot; src=&quot;http://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F34196707&amp;show_artwork=true&quot;&gt;&lt;/iframe&gt;" />​​​​​​​​

jsfiddle

Это избавляет от необходимости беспокоиться о том, могут ли быть одинарные или двойные кавычки в строке значения. В зависимости от используемой платформы, возможно, есть удобный способ сделать это автоматически. например HttpUtility.HtmlEncode в .NET

Answer 2

Замените эти двойные кавычки в свойстве value на ".

Answer 3

Во-первых, вам нужно закодировать все символы, которые необходимо кодировать.

Затем вы можете заключить строку в одинарные кавычки.

<input type="text" name="guest_sc_player" id="guest_sc_player" size="27" value='&lt;iframe width="100%" height="166" scrolling="no" frameborder="no" src="http://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F34196707&amp;show_artwork=true"&gt;&lt;/iframe&gt;' />

Answer 4

<input type="text" name="guest_sc_player" id="guest_sc_player" size="27" value='<iframe width="100%" height="166" scrolling="no" frameborder="no" src="http://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F34196707&show_artwork=true"></iframe>' />

одинарные кавычки тоже работают.