困ってます。

”送信 クリアボタン”
<input type="submit" value="送信" name="B1"><input type="reset" value="リセット" name="B2">

これを2つの画像にした場合、送信アイコン、クリアアイコンにはどう記述すればOKでしょうか?
困ってま~~~~す。

このQ&Aに関連する最新のQ&A

A 回答 (4件)

すみません。

間違いがありました。
お気づきかもしれませんが、
<button>のスタイルシートの記述のところが、
backgraund ではなく background です。

>資料請求のボタンをアイコンに変えるのですが....
大丈夫でしょうか?

大丈夫、というのは何に関してでしょうか?
スクリプトの動作に関してであれば、
スクリプトがちゃんと記述されていれば問題ありません。
ボタンの表記が画像ファイルを使用した形式に変わるだけですから。
(スクリプトの種類によっては、ブラウザに依存してしまいますが)

ただ、ボタンの表記そのものがブラウザ上どこまでカバーできるかという
問題はあります。
がんばってください(^ー^)
    • good
    • 0

<button>タグとスタイルシートを使用した方法があります。


スタイルシートを使用するため、(またこのタグ自体)ブラウザへの依存は免れませんが。
苦肉の策といった感じですので、あまり実用性はないかもしれません。

記述の仕方は以下の通りです。
type属性には、<input>と同様の、submitとresetに加えて、buttonの3種類があります。
<button type="submit">
<img src="画像ファイル名">
</button>

<button type="reset">
<img src="画像ファイル名">
</button>

これだけですと、
画像の周りにボタンが余る形になり(←意味不明。ご興味あればお試しください)、
美しくないので、
スタイルシートを使って、
<button type="submit" style="border-style:none;backgraund:transparent">
<img src="画像ファイル名">
</button>
のように、ボタンの枠を消し、背景色を透明にします。
ただ、ボタンをクリックしたときにボタンの枠は表示されてしまいますが。

こんなのもあるよ、というものですので、
あまりお勧めはできませんが。
    • good
    • 0
この回答へのお礼

ありがとうございます。
早速試してみます.......
資料請求のボタンをアイコンに変えるのですが....
大丈夫でしょうか?

お礼日時:2002/02/27 08:54

JavaScript を使うと、submit や reset を、type に指定したボタンを押さずとも好きなときに


実行することが出来ます。

<form name="f" ...> <!-- このフォームの名前を f とします -->
<!-- これが「送信」 -->
<a href="javascript:document.f.submit()"><img src="送信の画像"></a>
<!-- これが「リセット」 -->
<a href="javascript:document.f.reset()"><img src="リセットの画像"></a>
</form>

# 直接関係ない form の action や、入力のための input は省略していますので、注意して
    • good
    • 0
この回答へのお礼

ありがとうございます。
早速試してみます.......
資料請求のボタンをアイコンに変えるのですが....
大丈夫でしょうか?

お礼日時:2002/02/27 08:53

送信↓


<a href="javascript:check_click();">
<img src="送信画像名.gif" width="80" height="30" border="0"></a>

クリア↓
<a href="この画像を載せているページ.htm">
<img src="クリア画像名.gif" width="80" height="30" border="0"></a>

※クリアは何て事のない、同じファイル名にリンクを張れば、再度読み直すのでクリアと同じ事です。難しく考えると、はまりますよね。
    • good
    • 0
この回答へのお礼

ありがとうございます。
早速試してみます.......
資料請求のボタンをアイコンに変えるのですが....
大丈夫でしょうか?

お礼日時:2002/02/27 08:53

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qプロバイダー変更で初期設定アカウントで送信できな

プロバイダーをOCNからBIGLOBEに変えて、設定もしてもらいました
で、メールを送信してみると出来ません
調べてみると「送信」の隣の「アカウント」がOCNとBIGLOBEの2つあり、OCNの方にチェックされています
BIGLOBEにチェックを入れると送信できるのですが
初期設定がOCNになってままなので、送信する度にアカウントをチェックし直さなけえばいけません
この場合、どこでどう設定し直せばよいのでしょうか?
OCNのアカウントは削除してしまって良いのでしょうか?

Aベストアンサー

キャリアメール(プロバイダメール)を使っている場合、プロバイダを変更すると、メールアドレスを変更をするか、しないかを、「最初に」考える必要が有ります。
48946 さんは、メールアドレスが変更を、考えずに、プロバイダの変更をしたのですか?。


> 調べてみると「送信」の隣の「アカウント」がOCNとBIGLOBEの2つあり、OCNの方にチェックされています

引き続き、キャリアメール(プロバイダメール)を使いたいのですね。
プロバイダをOCNからBIGLOBEへ変更して、メールソフト名が不明のメーラー(メールソフト)のアカウントでOCNにチェックがある為、OCNのアカウントが優先で送信します。
しかし、プロバイダのBIGLOBEOCNでは、OCNメールアドレスの設定が無いから、「OCNの設定」で送信することが出来ないのです。


> BIGLOBEにチェックを入れると送信できるのですが、初期設定がOCNになってままなので、送信する度にアカウントをチェックし直さなけえばいけません

OCNのメールアドレスを使いたいのなら、「OCNのプロバイダ契約」も残すことが必要だったのです。
つまり、OCNからBIGLOBEの二重契約が必要です。

OCNの契約が残っていれば、メーラー(メールソフト)が質問文有りませんので分かりませんが、OE(アウトルックエクスプレス)とか、Windowsメールとかなら、OCNのアカウントの方へ「既定」を設定です。

OCNの契約が無ければ、メーラー(メールソフト)のアカウントのOCNの「既定」を外して、BIGLOBEの方へ「既定」を設定するしかありません。

どうしても、OCNのメールアドレスを使いたいならば、プロバイダのOCNの契約をするしかありません。


> OCNのアカウントは削除してしまって良いのでしょうか?

私のすぐ上の回答の様に、48946さんが、キャリアメールのOCNのメールアドレスが、必要か不要かをお考えになって、不要と思いならば、削除してもいいでしょう。

-------------------------

キャリアメール(プロバイダメール)のほかに、フリーメール(無料メール/Webメール)と言うものがあります。
フリーメールは、インタネットが接続できるなら、パソコンを変えても違っても、他人のパソコンでも、世界中の何処でもメールの送受信が可能です。

ただし、欠点は、ID/PWがパソコンに残るのでセキュリティに注意することが必要です。(他人のパソコンなら、履歴を残さずに削除すること)
また、捨てメールアドレス(捨てメアド)として、複数を同時に取得したり、一時的に取得後すぐ解除したり、使い捨てしたり等、通販・いたずら等の偽の申込等のセキュリティ対策で取得する人も居ます。だから、セキュリティレベルが高いサイト等では、フリーメールの登録を拒否する所もあります。

フリーメール(古いサイトなので、中には現在と違うことがあります)
http://rich-navi.com/freemail-3.html
http://enchanting.cside.com/hp/freemail.html
http://www.kooss.com/freemail/

キャリアメール(プロバイダメール)を使っている場合、プロバイダを変更すると、メールアドレスを変更をするか、しないかを、「最初に」考える必要が有ります。
48946 さんは、メールアドレスが変更を、考えずに、プロバイダの変更をしたのですか?。


> 調べてみると「送信」の隣の「アカウント」がOCNとBIGLOBEの2つあり、OCNの方にチェックされています

引き続き、キャリアメール(プロバイダメール)を使いたいのですね。
プロバイダをOCNからBIGLOBEへ変更して、メールソフト名...続きを読む

Q ではなく普通のリンクで cgi を起動する方法

検索結果が多い時に、結果を1つのページに最大で10個表示させて
複数のページにわけたいと思います。 Submit ボタンではなく

1 2 3 4 5

のようなリンクから cgi を起動したいのですが、
アドバイス頂けますでしょうか?

search?value=10

のようにして $_GET から受け取る方法もありますが、
出来れば POST を使いたいと思います。

Aベストアンサー

<a href="javascript:jumpmenu()">1</a>
<a href="javascript:jumpmenu()">2</a>
<a href="javascript:jumpmenu()">3</a>
<a href="javascript:jumpmenu()">4</a>
<a href="javascript:jumpmenu()">5</a>
として、jumpmenu()で、処理の最後に"submit();"を実行すれば
POSTできます。

Qメールフォーム:「必須項目」も「送信完了」画面もどちらも設定したい

JavaScript初心者です。よろしくお願い致します。
JavaScriptを使用してメールフォームを作成しています。

「送信」ボタンを押した後、必須項目確認はJavaScriptで作成できました。
「送信」ボタンを押した後、「送信完了」画面(別ページに飛ぶ設定)もJavaScriptで作成できました。
しかし【どちらの動作も一緒に設定】しようとすると上手く動いてくれません。

FORMのonSubmit設定+「送信」ボタン自体に「送信完了」のアラート表示する方法も試してみたのですが「送信完了」アラートが先にでてしまったり…。

「送信完了」の方法は別ページリンクでもアラートでもかまいません。
必須項目+最後に「送信」を押して、送信された後の何かリアクションを入れる方法を探しています。

教えて!Gooも初心者で何か失礼がありましたら申し訳ありません!どうかよろしくお願い致します。

Aベストアンサー

#2です。

メーラーを起動するタイプなんですね。
ちょっと勘違いしてました。
「送信完了」画面がCGIで、そのCGIによってメール送信していると思ったので。

フォームタグを
<form action="mailto:●@メールアドレス●" method="post" Accept-charset="shift_gis" Enctype="text/plain" name="myform">

サブミットボタンを
<input type="button" name="button" value="送信" onClick="Check();" />

入力項目確認ファンクションを
function Check(){
if(document.myform.name.value==""){
alert("名前を入力してください。");
return false;
}
if(document.myform.email.value==""){
alert("メールアドレスを入力してください。");
return false;
}
document.myform.submit();
location.href="送信完了画面アドレス";
}

に変えてお試しあれ。

#2です。

メーラーを起動するタイプなんですね。
ちょっと勘違いしてました。
「送信完了」画面がCGIで、そのCGIによってメール送信していると思ったので。

フォームタグを
<form action="mailto:●@メールアドレス●" method="post" Accept-charset="shift_gis" Enctype="text/plain" name="myform">

サブミットボタンを
<input type="button" name="button" value="送信" onClick="Check();" />

入力項目確認ファンクションを
function Check(){
if(document.myform.name.value==""){
alert("...続きを読む

QThunderbird 「後で送信」の設定方法

Thunderbird Ver3.1.16 を使用しようとしてます。
従来は、OutlookExpress を使用していました。

送信トレイに、一時保存しておき、送信ボタンで、一括で送信したいのです。
すみませんが、
設定やアドインがあるのでしたら、御存知方、教えてください。
メール作成画面で、「後で送信(する)」指定があるのは分かりましたが、
その設定を、デフォルトにする方法が分かりません。
よろしくお願いします。

Aベストアンサー

メール作成画面で案が完成したら、メニューの「ファイル」>「後で送信」を選択すると「ローカルフォルダ」の共通送信トレイに置かれます。
複数の送信メールが置かれた「送信トレイ」の右クリック>「未送信メッセージを送信」から一括送信できます。

また、デフォルトの上の方法で対応できますが、送信予約が可能なSend Later3がありますから、必要でしたら試してみてください。
http://www.thunderbird-mail.net/addon/automail.html
https://addons.mozilla.org/ja/thunderbird/addon/send-later-3/

なお、余計なことですが、3.1バージョンは、3.1.17が最新ではないかと思いますので、ヘルプメニューからの更新をどうぞ。

Q に対応している携帯電話の機種は?

こんにちは。
フォームタグでファイルをアップするための
<INPUT type="file">ですが、これに対応しているiモードの機種、J-skyの機種をご存知の方ぜひ教えてください。
また、どこかに掲載されているという情報でも結構です。
宜しくお願いします。

Aベストアンサー

J-T51で出来ましたよ。

<INPUT type="file">を使ったHTMLページを自分で作ってJ-T51でアクセスすると、ちゃんと入力欄と参照ボタンが表示されました。
参照ボタンを押すと、「データフォルダ」と「クリップボード」の選択になり、「データフォルダ」から更に「ピクチャー」「etc」の選択が出ます。
ピクチャーで画像ファイルを選択すると、選択したファイル名が入力欄に入力されました。

また、J-SH08で同じテストをしたら、入力欄だけで参照ボタンが表示されませんでした。

テストにはただのHTMLしか使用していないので、ここから先のファイルをアップしたりする部分はテストしてません。
ファイル選択後の動作も実装していて、J-PHONEでアクセス可能なサイトのURLを教えていただければ、テストしてみますよ。

最近は携帯上で画像ファイル(GIF)やJAVAファイル(JAR? CLASS?)などを扱っているので、携帯でファイルという考え方が無いはずはありません。
今後発売される最新機種であれば<INPUT type="file">をサポートするようになるんじゃないでしょうか?(私見)

J-T51で出来ましたよ。

<INPUT type="file">を使ったHTMLページを自分で作ってJ-T51でアクセスすると、ちゃんと入力欄と参照ボタンが表示されました。
参照ボタンを押すと、「データフォルダ」と「クリップボード」の選択になり、「データフォルダ」から更に「ピクチャー」「etc」の選択が出ます。
ピクチャーで画像ファイルを選択すると、選択したファイル名が入力欄に入力されました。

また、J-SH08で同じテストをしたら、入力欄だけで参照ボタンが表示されませんでした。

テストにはただのHTMLしか...続きを読む

Q送信元アドレスを自由に設定できるメール送信専用ソフト。

送信元アドレスを自由に設定できるメール送信専用ソフトを探しています。パソで送信元のアドレスも携帯のメアドに偽装できるやつです。よろしくお願いしますm(_ _)m

Aベストアンサー

念のため、やり方も置いていきますね。

あくまで送信元の偽装なので、そのアドレスにメールを送っても届きません。

ツール→アカウント→メール→追加→メール

表示名:相手に表示させたい自分の名前
電子メールアドレス:相手に表示させたいアドレス
受信メールサーバー:なんでもよし(私はわかりやすくnothingとかにしてます)
送信メールサーバー:あなたがPCで使っているメールアドレスの送信サーバー
アカウント:なんでもよし(適当に@の前とかでいいです)
パスワード:なんでもよし(保存するのチェックを外せば空欄でいい)
で、完了。

その後、ツール→アカウント→メール→該当アカウント(受信サーバーが表示されてます)をダブルクリック
全般→一番上のボックスに受信サーバーが表示されていますが、これをわかりやすい物に変えましょう
一番下の受信時および同期時にこのアカウントを含むのチェックを外しましょう。
OKで完成。

メールを送るときに送信者をこのアカウントに変更して送れば、偽装アドレスで送信できます。

QCGIファイルへのリンク a name=…

CGIファイル中の a name=*** の位置にリンクを貼りたいのですが、
リンクはどうやって貼ればいいでしょう?

HTMLの場合は

~menu.html#aiueo
みたいな感じですよね?

CGIだと、どのように記述したらよいでしょう。
例:ページを「menu.cgi?aiueo」として、nameを「rarara」
よろしくお願いします。

Aベストアンサー

> CGIだと、どのように記述したらよいでしょう。
> 例:ページを「menu.cgi?aiueo」として、nameを「rarara」

http://hostname/menu.cgi#rarara?aiueo=xxxxx

という感じになります。

Q複数のアカウントでどちらからでも送信可能な設定にするには?

メールのアカウントを2つ併用してます。
受信時は設定でどちらから接続しても双方とも受信できるのですが、
送信の際もどちらから接続しても送信出来るようにしたいのですが
設定が分かりません。どなたか教えて頂けませんか?

Aベストアンサー

はずしていたらすいません。
私も複数のプロバイダで4つのアカウントを
家族で使用しています
私の場合は、CATVのプロバイダで常時接続しており
フリーのメールソフトを使用していて特に接続先を切り
かえることはありませんが、それぞれを問題なく送受信
していますよ。
お使いのメーラーが分からないのでなんとも言えませんが
以前私がOEを使っていたとき、受信はどちらでもでき
ましたが送信についてはアカウントをいちいち設定して
面倒でした。 (ただ私が知らないだけで他の設定方法
があるかもしれませんが)
1度他のメール・ソフトを検討されてみてはいかがですか?
私は Edmax と言うフリーソフトを使っていますが
フリーとは思えないくらいの優れものです。
以下のURLからダウンロードできますので試してみて下さい。

参考URL:http://www.edcom.jp/

QCGI name= が同じではダメってでたんですが・・・

ダウンロードCGIにて、設置してHTMLの文法テストをしたら
「name= が同じでは、CGI側ではそれらを区別できません。」
ってなったんですけど、動作は正常にするようなのですが、
調べても知識がないせいかどうしたら良いかちょっとわかりません・・・
hidden だから関係ない?と初心者考えですが、文法テストは正しいし
でも不具合が心配なので、誰か教えて下さい <(_ _)>

<input type="hidden" name="sw_aress" value="">
<input type="checkbox" name="sw_aress" value="1">レス数
<input type="hidden" name="sw_ref" value="">
<input type="checkbox" name="sw_ref" value="1">回数

Aベストアンサー

長文になってしまいました。m(_ _)m

該当のサイトの解説文を読みました。
http://openlab.ring.gr.jp/k16/htmllint/explain.html
> 165
> TYPE=TEXTなどのように、VALUE属性の値が固定的でないものに対して、同じ名前の要素がひとつのFORM内で複数存在すると、CGI側ではそれらを区別できません。

「TYPE=TEXTなどのように」となっていますね。
ですが、CGIはこれらを区別できますので、解説文が間違っているようです。
もちろん、区別しないように作ったり、言語仕様として区別しない物(PHP)もありますが、
HTMLの解説として「できない」と限定して書くことではないと思います。
テキストフィールドの場合にのみ区別しない、という作り方をするのは、
「全て区別しないか全て区別する」よりもはるかに難しいですし、場合によっては不可能です。

> VALUE属性の値が固定的な、TYPE=RADIO/CHECKBOX/SUBMIT/RESET/BUTTON/IMAGEとHIDDENについては警告されません。

このように書かれていますので、hiddenやcheckboxで警告がでるようなら、このチェッカーのバグと思われます。
「hiddenとcheckboxの両方で使っている場合」については言及されていませんので、あながちバグとも言い切れませんが。


質問とは関係ないことですが、
> SUBMITにNAMEがない場合は無効 (If the NAME attribute is not present, this element does not contribute a form field.) だとされています。
調べたところ、HTML2.0でこの定義がされているようですが、HTML4.01やXHTMLではこの定義はありません。
特定のHTML/XHTMLのバージョンだけの内容を、全てのバージョンに適用してしまっているようです。
(このサイトは、こういう不具合や語弊のある書き方が多いです。)

なお、ボタンとしては機能しますが、valueを送信しなくなります。(文法とは関係ありませんが)

さらにHTML2.0の文法書を読んでみると、
http://www.w3.org/MarkUp/html-spec/html-spec_8.html
「does not contribute a form field」の意味は「無効」ではなく、
HTML4.01と同じ、「サーバーに値を送信しない」の意味で使われていると思います。

> RESETの項目の例より
When you are finished, you may submit this request:
<input type=submit><br>
You may clear the form and start over at any time: <input type=reset>

via: contribute
http://dic.yahoo.co.jp/dsearch?p=contribute&stype=1&dtype=1


> CGIの部分も間違っているのか不安なのです・・・難しいですね。
CGIを使用していても、ブラウザが見ているのはそこから出力されたHTMLですので、扱い方法は同じです。

HTMLの文法としては、全く問題はありません。
オリジナルのスクリプトでsw_refやsw_aressを何度も使われているなら、
むしろ複数あることで正常に動作する物と思われます。

長文になってしまいました。m(_ _)m

該当のサイトの解説文を読みました。
http://openlab.ring.gr.jp/k16/htmllint/explain.html
> 165
> TYPE=TEXTなどのように、VALUE属性の値が固定的でないものに対して、同じ名前の要素がひとつのFORM内で複数存在すると、CGI側ではそれらを区別できません。

「TYPE=TEXTなどのように」となっていますね。
ですが、CGIはこれらを区別できますので、解説文が間違っているようです。
もちろん、区別しないように作ったり、言語仕様として区別しない物(PHP)もありま...続きを読む


人気Q&Aランキング

おすすめ情報