人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

WEBクリエイター様に質問です。
画像のようなフォームページを作りたいと思います。
やりたい事は
●チェックボックスを当方が用意した画像にする
●送信ボタンを当方が用意したものにする
●プルダウンの画像を当方が用意したものにする
と言う事です。
ドリームウィーバー8を利用しておりますが、CSS等も可能です。方法論を提案して頂けますでしょうか。

1166549275
●拡大する

●質問者: tokyo1981
●カテゴリ:インターネット ウェブ制作
✍キーワード:CSS Web クリエイター チェックボックス ドリームウィーバー
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● tezcello
●15ポイント

「方法論」は提示できかねますが、実現へのアイディアとしては、

チェックボックス、送信ボタンは button 要素として作成し、押される度に画像指定を変えることで出来るのでは?

(機能としては submit を選び、サーバ側で毎回処理するという事になります)

http://www.htmq.com/html/button.shtml

プルダウンも同様に出来なくもないでしょうけど、ただ単に表示するとレイアウトが崩れてしまうので、表示位置と重なりの指定が煩雑になりそうです。

また、チェックボックス、送信ボタンをリンク(&画像)で作る事も出来ますが、textarea や type="text" な input 要素の入力内容は失われると思います。

どちらにしてもサーバ負荷やトラフィック増となるのでレスポンスの低下などの迷惑も引き起こす可能性があります。


2 ● atugari
●15ポイント

チェックボックス,プルダウンの画像表示はHTMLの仕組み上、無理なので、

ダミーを用意する(画像の上にチェックボックス等)や、

FLASHで、代用を考えられてはどうでしょうか?

送信ボタンはHTMLでも可能です。

<input type="image" src="test.gif">

(ダミーです)

http://q.hatena.ne.jp/


3 ● 186
●50ポイント ベストアンサー

CSSとJavaScriptが使えれば大体のブラウザで可能なようです.

チェックボックスの場合は, inputをlabelで括り, inputをcssで非表示に. のちlabelの背景画像だけ見せるようにすると. onclick時に背景画像を変えるなり, クラス名を変えてやればチェックボックスはできます.

プルダウンについては分からなかったものの, 実現している例を見つけたので紹介します. JavaScriptとCSSで何とかしているようです.

以下サンプル

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ