logo标签列表

在输入标签内的链接

htmlxhtml
8
2
为什么要在输入框内放置一个链接？ - JJJ
1
我正在使用zclip jQuery脚本让用户复制链接。为此，我需要在输入框中显示它。有点像在Photobucket中一样。 - maxlk
1
复制文本与工作超链接有什么关系？直接将URL放入文本框中有什么问题吗？ - tskuzzy
我可以让它复制链接。我只想知道如何将链接放入文本框中。当将代码图像链接代码放入文本框中时，会出现错误。 - maxlk
问题不清楚。感谢@Juhana。 - kapitanluffy
显示剩余3条评论
3个回答
4

根据评论，我猜想您想要一个输入字段，其中包含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代码，看看他们是如何做到的。）
3
你有两个选择。
  1. 将图像作为输入框的背景，但这样无法点击。
  2. 绝对定位元素在输入框上方。

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

根据您的输入大小、图像大小和一般位置，您需要调整位置和值，但这应该可以满足您的要求。

1
如评论所述，您无法在文本框中直接放置链接（尽管您可以使用JavaScript模拟链接）。
对于背景图像，请使用CSS的background-image。
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接