Html 输入标记内部的链接

如何在输入框（文本框）内显示

a href

和

img src

。例如：我想在文本框中显示它（

正如评论所提到的，你不能在
输入
文本框中添加链接（尽管你可以用JavaScript模拟）

对于背景图像，使用CSS
background image
您有两个选项

将图像作为输入的背景，但这将不可单击
将元素绝对放置在输入上
1：

2：

HTML

您需要根据输入大小、图像大小和一般位置来处理位置和值，但这应该可以满足您的需要。
根据注释，我猜您需要一个将HTML代码作为默认文本的输入字段。您必须对引号和小于/大于号使用字符引用代码

<input type="text" value="&lt;a href=&quot;http://www.mysite.com/link&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://www.mysite.com/img.jpg&quot; border=&quot;0&quot; alt=&quot;mysite.com&quot;&gt;&lt;/a&gt;" />



（顺便说一句，你提到了“像在Photobucket中”——你可以查看网站的HTML，看看他们是如何做到的。）
为什么要将链接放在输入框内？您不能将其放在输入框内，但您可以将其绝对或相对定位在输入框上。您不需要将其放在输入标记内即可实现您的目标。我使用zclip jquery脚本让用户复制链接。为此，我需要将其显示在输入框内。类似于复制文本与工作超链接有什么关系？把URL放进文本框有什么错？
.myInput { background:url(path/to/img.jpg) 5px 5px no-repeat; }

<div class="inputContainer">
    <input class="myInput" type="text" name="myInput" id="myInput" />
    <a href="#" class="inputImg"><img src="#" /></a>
</div>

.inputContainer { position:relative; }
.myInput { padding-left:25px; /* This will move the text from under the image */ } 
.inputImg { left:5px; position:absolute; top:5px; z-index:5; }

<input type="text" value="&lt;a href=&quot;http://www.mysite.com/link&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://www.mysite.com/img.jpg&quot; border=&quot;0&quot; alt=&quot;mysite.com&quot;&gt;&lt;/a&gt;" />