• ベストアンサー

昔風のsubmitボタンにする方法

<input type="submit" value="送信">      ↑ ↑ ↑ ↑ これをIE5以前のブラウザで表示されるようなボタンの見栄えにCSSか何かでできたような気がするのですが。。。グレー色のオーソドックスなボタンです。わかる方がいらっしゃれば教えてください。

  • HTML
  • 回答数1
  • ありがとう数2

質問者が選んだベストアンサー

  • ベストアンサー
  • naokita
  • ベストアンサー率57% (1008/1745)
回答No.1

ブラウザ差異がでるから画像にした方が良いかも。 <input type="submit" value="送信" style="background: ButtonFace;" />

umistu
質問者

お礼

検索で見つけられなかったので助かりました。 ありがとうございます。

関連するQ&A

  • 2つのsubmitボタンがあるときに

    最初に書いたボタンが優先され 単にリターンキーを押したときに 最初のsubmitボタンが反応します。 後のsubmitボタンが反応するようにするにはどうしたらいいのでしょうか? つまり下記のPHPをブラウザに表示させているときにリターンキーを押したときには submit2 is pushed. と表示させるにはどうしたらいいのでしょうか? <form method="post" action="<?=$PHP_SELF?>"> <input type="text"/><br/> <input type="checkbox"/><br/> <input type="radio" name="radio"/><br/> <input type="submit" name="submit" value="submit1" tabindex=-1/><br/> <input type="submit" name="submit" value="submit2" tabindex=1/><br/> </form> <?php if(isset($_POST['submit'])) { echo$_POST['submit'].' is pushed.'; } ?>

    • ベストアンサー
    • PHP
  • 参照ボタンの横に大きさを揃えて送信ボタンを置きたい

    質問させてください。 下記のように、参照フォームと送信ボタンを横並びで設置したいのですが、 ブラウザ毎で参照ボタンと送信ボタンのサイズがずれてしまいます。 IE7・IE8・Firefox3.6でボタンの大きさ(高さや文字位置)をCSSで合わせるにはどうしたらいいでしょうか・・・。 完全に合わせるのは不可能なんでしょうか? <input type=file name=""><input type=submit value="送信する"> 何かいい方法がございましたら、教えていただけますでしょうか。

  • submitボタン上の文字とvalue=の数字

    CSS3 + HTML5 でゲームを作っています。 Formのsubmitボタンを設置する必要があるのですが、ボタン上に表示する文字とvalue=の文字を分ける必要があります。 <input type="submit" name="point" value="送信する"> 上記では本来であれば数値を入れたいvalue=に、「ボタン上に表示する文字」を入れなければならないため使えません。 <button type="submit" name="point" value="10050">購入する</button> であれば、valueに数値を置き、ボタン上に文字を置けるため当方のニーズに叶うのですが、HTML5上で見るとボタンの大きさが<input type="submit>の3分の1くらいになってしまいます。 従い<button type="submit" name="point" value="10050">購入する</button> のボタンの大きさを変更する方法がわかればいいと思いますが、この方法でなくても構いません。 HTML5上で、当方のニーズに合うボタンを作るためにはどうしたらいいでしょうか?

    • ベストアンサー
    • HTML
  • submitボタンを大きくすると粗くなってしまいます・・・。

    宜しくお願いします。 現在HP上に設置した送信ボタンの修正を行っているのですが、どうも旨くいきません。 行いたいことは、メールフォームの送信ボタンをデフォルトより大きいボタンにしたいのですが、サイズを大きくするとボタン自体のデザインが崩れてしまいます。 崩れるというのは、ボタンの特に角4つが解像度を越えた画像のように粗くなってしまい、綺麗ではなくなってしまいます。無理やり引き伸ばした感じでしょうか・・・。 やり方は、直接HTMLに <input type="submit" name="submit" value="送信する" style="width:200px;hight:30px"> といった感じで記述したり、CSSでも同様にサイズの定義を行ってみるのですが、なぜか綺麗に出来ず、角の部分が伸ばしたように汚く粗い感じのボタンになってしまいます。 どなたか、綺麗に大きなボタンを作る方法をご存知の方いらっしゃいましたら、アドバイス頂けますと幸いです。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • submitについて

    「 <input type=submit value="送信"> 」について。 ボタンの役割というのは分かりますが、submitの使い方がよく分かっていません。このボタンを押した時の処理というのはどこで行うものなのですか。サンプルソースなど、ボタンはsubmitが多く使われているようなのですが・・・。どのようなときに役立つのか教えてください。

    • ベストアンサー
    • HTML
  • 複数のsubmitボタンで押されたボタンを取得する方法

    form内の、submitボタンの値が拾えません。 1つだけsubmitボタンを設置すると値が拾えますが、 2つ以上submitボタンを設置すると拾えません。 仕様上、無理なのでしょうか? <SCRIPT language="JavaScript"> function move_post(){ alert(document.frmMvPost.btn.value); } </SCRIPT> <FORM name="frmMvPost" action="" method="post" onsubmit="return move_post()"> <INPUT type="submit" name="btn" value="テスト1"> <INPUT type="submit" name="btn" value="テスト2"> <INPUT type="submit" name="btn" value="テスト3"> </form>

  • ボタンの判定が出来ません?

    print "<P><INPUT TYPE=submit NAME=\"送信\" VALUE=\"送信\"> <INPUT TYPE=submit NAME=\"削除\" VALUE=\"削除\"> <INPUT TYPE=reset NAME=\"クリア\" VALUE=\"クリア\">\n"; 上記のようなコーディングで、ボタンを表示させてますが、 どちらのボタンを押しても、送信しか受け取れません。 どこで、何をどのようにコーディングすれば読みとれるのでしょうか?

    • ベストアンサー
    • Perl
  • submitボタンの表示が変

    submitボタンのvalue内で改行すると、safariでは表示が変になってしまいます(ボタンの上下に文字列がはみ出してしまいます)。 ボタンを画像にしてしまう以外に、何か解決策はありますでしょうか? 例: <input name="submit" type="submit" value="検索する Search" />

    • ベストアンサー
    • HTML
  • 「type=submit」をボタンにしない

    早速お世話になります。 標題のように、 <input type=submit value="処理">とやった場合、 「処理」と表示されたボタンになりますが、 これをボタンの形にせず、文字のママにしたいのですが。 方法はありますでしょうか。 宜しくお願いします。

    • ベストアンサー
    • Perl
  • submitボタンを横一列複数リンクするには?

    自分のHP作成中に困っています。 OSはWindowsME,ブラウザはIE5.5です。 body内に設定したformの複数のsubmitボタンに それぞれリンクを張って、ページ中央に 横一列に並べたいのですが、以下のpにCSSで p { text-align:center; white-space:nowrap; } と設定しても、ボタンが中央に縦一列に 並んでしまいます(リンクは張れたのですが)。 <p> <form action="index.html"> <input type="submit" value="top"> </form> <form action="about.html"> <input type="submit" value="about"> </form> : </p> ※実際のHTMLは<p>から全て改行無しで並べて  います。全部で5個のボタンです。 CSSをやめて<p>の後のHTMLに<nobr>を書いても だめでした。縦一列だと場所も取るし、見栄えも 悪いのです。 当初はinputのtypeを"button"にして <input type="button" onclick="location.href='index.html'"> の様にして複数並べてみたのですが、このHPは PCと同時に出来れば携帯(i-modeだけでも)対応に したいので、上記の方法だとPCではOKでも 携帯(i-mode)からだとボタンを押しても何も 変わらないのです(docomoサイトで調べた所、inputで "button"は未対応なのと、携帯はJavaScript未対応 だからなのでしょうか?)。 submitボタンで上記の希望を満たせれば、携帯でも PCのデザイン的にもOKかな?と思うのですが、 どうしてもボタンを横一列に並べられず、困っています。 こういった事は不可能なのでしょうか? どなたかお教え下さいます様、お願い致します。