ホームページビルダー・グレート初心者講座

グレート初心者講座トップへグレート初心者講座 小技集へグレート初心者講座≠ヨグレート初心者講座 質問掲示板へ

HTML版 過去ログ
| 掲示板を見る | ホームに戻る | ワード検索 | 過去ログ |   

トップページ > 記事閲覧
メールフォームで「リセット」ボタンを画像にしたい
日時: 2004/05/25 17:33
識別: IDphDaLEXdqkk
名前: りさ

はじめまして。
ただいまHPを作成中の者です。
ページにメールフォームを作ったのですが、「送信」と「リセット」ボタンを自前の画像で使いたいのです。
でも「送信」は正しく機能するのですが、「リセット」は機能しません。内容がリセットされず、送信されてしまうのです。
「リセット」ボタンを画像にすることはできないのでしょうか?

HTML系のHPも何件も検索してみましたが、「リセットボタンを画像で」というサイトにはめぐり会えずに分からないままです。
ご存知のかた、いらっしゃいましたらアドバイスをお願いいたします。
メンテ

Re: メールフォームで「リセット」ボタンを画像にしたい ( No.1 )
日時: 2004/05/25 20:21
名前: oioiooi  <oioiseven@hotmail.com>

ビルダーでの操作だと、プッシュボタンの属性画面で画像を選びます。

上段に[名前]欄があります。
送信ボタンにするなら、submit と入力。
リセットボタンなら、reset と入力すれば希望が叶うはずです。

メンテ
ダメでした・・・(泣) ( No.2 )
日時: 2004/05/25 20:40
名前: りさ

oioiooiさん、アドバイスありがとうございます!
確かにその方法で、ボタンとして画像を貼り付けることはできるのですが実際に機能をチェックしてみると、「リセット」ではなく「送信」されてしまうのです。(涙)
もしかして借りているCGIとかにも関連があるのかも、と思って、そちらの方面からも調べているところです。

どうもありがとうございました!
メンテ
Re: メールフォームで「リセット」ボタンを画像にしたい ( No.3 )
日時: 2004/05/27 09:09
名前: りさ
状態: 解決!

その後、レンタルしているCGIのサポートに問い合わせてみました。丁寧に回答をいただいて

<button type="reset"><img src="取消画像.jpg" alt="画像ボタン">取り消し</button>

ではどうかと、アドバイスをいただきました。
・・・が、これですと思ったとおりのレイアウトにはなりませんので、色々調べていじってみた結果、

<button style="border-style : none; background-color:#fff"(←リセットボタンを置いた場所の背景が白ですので) type="reset" onfocus="this.blur()"><img
src="画像ファイル名" width="@" hight="@" style="border-style : none;"
alt="リセット"></button>

で、思惑通りの表示&機能が果たせました!(HTMLとして正しいかどうかは全く分かりませんが・・・)

oioiooiさん、お時間を割いてくださりどうもありがとうございました!
メンテ

Page: [1]




ホームページビルダー・グレート初心者講座 Copyright © 2002-2005 aimix All Rights Reserved