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.

Answer 1

Use different types of quotes for the inner quoting:

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

Answer 2

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

Answer 3

You should use :

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

Codepen