输入标签内的链接

如何在输入框（文本框）内显示a href和img src。例如：我想在文本框中显示此内容（<input id=link）输入标签内的链接

<a href="http://www.mysite.com/link" target="_blank"><img src="http://www.mysite.com/img.jpg" border="0" alt="mysite.com"></a>

在此先感谢。

来源

2011-08-05 maxlk

你为什么想要把里面的链接输入框？ – JJJ

你不能把它放进去，但你可以把它放在绝对或相对的位置。 –

您不需要将其放在输入标签内即可实现您正在尝试执行的操作。 – awesomesyntax

基于评论，我猜想你想要一个输入字段，该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，看看他们是如何做到这一点。）

来源

2011-08-05 16:46:31 JJJ

正是我想要的。谢谢 – maxlk

正如评论提到的，你不能从字面上把一个链接放在input文本框中（尽管你可以用JavaScript来模拟一个链接）。

对于背景图片，请使用CSS background-image。

来源

2011-08-05 16:32:08 Widor

你有两个选择。

将图像放置为输入的背景，但这不会被点击。
将元素绝对放在输入上。

1：

.myInput { background:url(path/to/img.jpg) 5px 5px no-repeat; }

2：

HTML

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

CSS

.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; }

你需要的位置和VALU玩这取决于你的输入尺寸，图像大小和一般位置，但应该做你想做的。

来源

2011-08-05 16:46:22 Seth

输入标签内的链接

回答

相关问题