Using HTML in form value

Question

Simple question, however I can't find an answer anywhere.

I need a text input that can display HTML in it's value i.e:

<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>" />

I think you're looking for a textarea, not a text input. You'll need to html-encode your html too. — Bennor McCarthy
– Bennor McCarthy, Commented Feb 23, 2012 at 23:23

StriplingWarrior · Accepted Answer · 2012-02-23 23:31:35Z

1

Most of the other answers will work for this specific situation, but the correct way to do this is to HTML Encode the entire value:

<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

This avoids the necessity of worrying whether there may be single or double quotes in the value string. Depending on what platform you're using, there's probably a convenience method to do this automatically. e.g. HttpUtility.HtmlEncode in .NET

edited Feb 23, 2012 at 23:31

answered Feb 23, 2012 at 23:25

StriplingWarrior

158k29 gold badges261 silver badges326 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

joemortell Over a year ago

As I was using a PHP string I used htmlentities()

Isaac Fife · Accepted Answer · 2012-02-23 23:21:22Z

0

<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>' />

single quotes work too.

answered Feb 23, 2012 at 23:21

Isaac Fife

1,69013 silver badges15 bronze badges

Comments

Satyajit · Accepted Answer · 2012-02-23 23:24:18Z

0

Replace those double quotes within the value property with ".

answered Feb 23, 2012 at 23:24

Satyajit

3,8591 gold badge22 silver badges14 bronze badges

Comments

animuson · Accepted Answer · 2012-02-23 23:24:57Z

0

First, you need to encode all the characters that are required to be encoded.

Then, you can surround the string in single quotes.

<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;' />

answered Feb 23, 2012 at 23:24

animuson♦

54.9k28 gold badges142 silver badges150 bronze badges

Collectives™ on Stack Overflow

Using HTML in form value

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related