入力タグの内部にリンク

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

<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;" />

（あなたはちょうど彼らがそれを行う方法を確認するために、サイトのHTMLを見ることができますところで、あなたは「Photobucketの中のように」述べました。）入力ボックス？ – JJJ

あなたはそれを置くことはできませんが、絶対的にまたは相対的にそれを置くことができます。 –

あなたがしようとしていることを達成するために、これを入力タグの中に入れる必要はありません。 – awesomesyntax

コメントに基づいて、私はそのHTMLコードをデフォルトテキストとして持つ入力フィールドが必要だと思います。引用符は大文字と小文字を区別するために、文字参照コードを使用する必要があります。あなたが内部のリンクを置きたいのはなぜ

出典

2011-08-05 16:46:31 JJJ

まさに私が望むもの。ありがとうございました – maxlk

コメントで言及したように、文字通りinputテキストボックスにリンクを挿入することはできません（ただしJavaScriptでシミュレーションすることはできます）。

背景イメージの場合は、CSS background-imageを使用してください。

出典

2011-08-05 16:32:08 Widor

2つのオプションがあります。

画像を入力の背景として配置しますが、クリックすることはできません。
絶対に要素を入力に配置します。

1：

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

2：あなたは、位置とVALUでプレーする必要があります

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

あなたの入力サイズ、画像サイズ、一般的な配置に依存しますが、それはあなたが望むことをするはずです。

出典

2011-08-05 16:46:22 Seth

入力タグの内部にリンク

答えて

関連する問題