Appearance html code in input value

Question

I want to do such a thing

<input type="text"  value="<a href="abc.html"><img src="abc.jpg"></a>">

but not appearance this (

<a href="abc.html"><img src="abc.jpg"></a>

) code as text. plz help me.

What language are you using? C#/ASP.NET? PHP? Something else? — mayabelle, Dec 09 '13 at 16:46
Right, but I was asking what was in your codebehind. Most languages have an escape formatting function you can apply, to avoid the manual escaping approaches described below. — mayabelle, Dec 09 '13 at 16:47
Exemple of @Quentin solution with [HTML encoding](http://htmlentities.net/) compared to Barmar in this [fiddle](http://jsfiddle.net/r5F37/) — Lan, Dec 09 '13 at 16:58

score 0 · Answer 1 · answered Dec 09 '13 at 16:46

0

For an attribute value that is delimited by " characters to contain a " character as data, it must be represented by a character reference: "

answered Dec 09 '13 at 16:46

Quentin

score -1 · Answer 2 · answered Dec 09 '13 at 16:47

-1

You should use :

<input type='image' src='/path/to/img.jpg'>

answered Dec 09 '13 at 16:47

jshawl

That would change the page from having the value as editable text into one that has a picture of the default text as a submit button. – Quentin Dec 09 '13 at 16:49

score -2 · Answer 3 · answered Dec 09 '13 at 16:45

-2

Use different types of quotes for the inner quoting:

<input type="text"  value="<a href='abc.html'><img src='abc.jpg'></a>">

answered Dec 09 '13 at 16:45

Barmar

3 Answers3