テキストボックスの中に、特定の画像を表示することってできますか?

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2005/08/06 16:52:27
  • 終了:--

回答(4件)

id:honey_orange No.1

honey_orange回答回数544ベストアンサー獲得回数72005/08/06 17:00:14

ポイント20pt

http://plaza.rakuten.co.jp/kazusaka/7018/#haikeigazou

ボックスの背景1 - かずさかの部屋 - 楽天ブログ(Blog)

背景ということでしょうか?

こちらのサイトは 参考になりますか?

id:fm315

ありがとうございます。

参考になりそうです。

2005/08/16 09:16:27
id:chocola No.2

chocola回答回数20ベストアンサー獲得回数22005/08/07 16:28:56

ポイント20pt

http://www.tohoho-web.com/css/reference.htm#background2

とほほのスタイルシート入門

テキストボックスが「p」や「div」といった段落なのか、このフォームのような「textarea」を指すのか質問からはわかりませんが、スタイルシートで特定の画像を背景に固定する形で表示をすることができます。

画像がaaa.jpgとすると、

<div style=”background:url(aaa.jpg);background-repeat:no-repeat;”>ここにテキスト</div>

こういうタグを書けばaaa.jpgがテキストの背景に配置されます。

↑のままだと文章分の高さしかありませんのが、幅や高さを追加することでサイズは自在に変更できますし、画像の表示位置も指定できます。

★幅400px高さ300pxでaaa.jpgを中央に1つ表示させる場合

<div style=”width:400px;height:300px;background:url(aaa.jpg);background-repeat:no-repeat;background-position: center center;”>ここにテキスト</div>

参考URLに色々書いてありますのでご参考下さい。

textareaの場合でもstyle=”(中身略)”の部分をtextareaタグに追加してやれば可能です。

id:fm315

ありがとうございます!

1行のテキストボックスです。

2005/08/16 09:16:59
id:mfjsk No.3

mfjsk回答回数9ベストアンサー獲得回数02005/08/12 23:57:39

ポイント20pt

スタイルシートのbackground-imageで画像を指定して表示することができます。


希望されていることとは違うとは思いますが

2番目にあげているURLのようなデザインも使いようによってはかっこいいと思います。

http://write-off.cside.com/scripts/css/transtext.htm

テキストエリアの背景色を透過

id:fm315

ありがとうございます!

2005/08/16 09:19:40
id:bombgirl No.4

bombgirl回答回数5ベストアンサー獲得回数02005/08/13 09:40:47

ポイント20pt

http://www.htmq.com/style/background-image.shtml

background-image−スタイルシートリファレンス

CSSで指定するのが早いと思います。

textarea {

background: #ccc url(画像のアドレス);

}

テキストボックス内いっぱいに画像が表示されます。

画像の指定の仕方はURLが参考になるかとおもいます。

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません