0

オンロードが無効になっている HTML 入力テキスト要素がある Web ページで作業しています。現在、フィールドを無効/有効にする入力コンテナ onclick の横に編集ボタンがあります。

<input type="text" name="TxtBx1" id="TxtBx1" value="This is the first Textbox" onblur="toggleState('TxtBx1')" disabled="true">
<img class="onInput" src="/Server_Status/images/edit.png" title="Edit" alt="Edit" height="15" width="15" onclick="toggleState('TxtBx1')">

テキストを重ねることなく、このアイコンを入力タブ自体に配置できる他の方法はありますか。

img.onInput
{
    position: relative;
    left: -20px;
}

CSS を使用してみましたが、テキストが不要なアイコンの下に表示されます。

Firefox の「Google 検索」アドオンのようなものを取得しようとしています。単純な入力テキストとアイコンでそれはまったく可能ですか?

前もって感謝します ：）

更新: ここに画像の説明を入力 テキスト入力でこの画像のようなボタンが必要です。アイコンはクリック可能で、JavaScript 関数の onClick イベントをトリガーしたいと考えています。

私が探していた答えを見つけました: https://stackoverflow.com/a/6258628/2596762

4

3 に答える 3

4

background プロパティを使用して CSS クラスを作成し、画像の場所を指定し、no-repeat に設定して画像を 1 回だけ表示し、パディング属性などを追加して配置をいじることができます。

したがって、CSS の場合は次のようになります。

.search {
    background: url('image.jpg') no-repeat;
}

次に、それをクラス属性としてテキスト ボックス タグに追加します。

<input type="text" name="TxtBx1" id="TxtBx1" class="search">
于 2013-08-29T17:16:06.820 に答える