• 締切済み

submitをボタン以外にするには

<FORM>～</FORM>中のsubmitを、ボタン以外で表示させることは可能でしょうか？ method="POST"を使いたい（渡すデータが多い）ので、<A href=...>でなくsubmitをきりたいのですが、 数が多いので、ボタンで表示されると見栄えがあまり良くありません。 文字リンクのような表示方法でsubmitを使える方法があれば教えてください。

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

みんなの回答

  • shige_70
  • ベストアンサー率17% (168/946)
回答No.2

htmlだけではできませんが、JavaScriptを併用すれば可能です。 この場合は、#1のおっしゃるボタンの記述は必要ありません。 <form>タグで名前を定義してください。たとえば 　<form name="aaa" method="POST" action="xxx.cgi"> のようにすれば、このformに aaa という名前がつきます。 次に、 　<a href="javascript:document.aaa.submit()">送信</a> と書けばできると思います。 個人的には、内容が充実していれば見栄えにこだわる必要などないと思いますけどね、、、

arisa5
質問者

お礼

ありがとうございます。参考にします。

回答No.1

多分 <input type="submit" value="送信"> <button type="submit">送信</button> のいずれかは必要でしょう。 デザイン的に気に入らないのですがスタイルシートで書き換えるといいでしょう。 <input type="submit" class="typesubmit" value="送信"> としておいて<head>タグ内に <style type="text/css"> <!-- .typesubmit{ background-color:transparent; border-style:none; text-decoration:underline; } --> </style> を挿入してみてください。これはあくまでも一例ですのでネットで調べるなりなんなりして設定してください。

arisa5
質問者

お礼

ありがとうございます。参考にします。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • submitボタンを押されると

    form管轄のデータがサーバに送られますが <a>リンクをクリックしたときに submitボタンを押したときと同じように機能するようにできるでしょうか？

    • ベストアンサー
    • CGI
  • 2つのsubmitボタンがあるときに

    最初に書いたボタンが優先され 単にリターンキーを押したときに 最初のsubmitボタンが反応します。 後のsubmitボタンが反応するようにするにはどうしたらいいのでしょうか？ つまり下記のＰＨＰをブラウザに表示させているときにリターンキーを押したときには 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
  • 1つのformに２つのsubmitボタン

    を配置した場合 受け取ったPerlは その2つのどちらが押されたかを知ることができるのでしょうか？ その場合どうしたら言いのでしょうか？ <form method='post' action='http://perl/x.pl'> <input type='submit'/><br/> <input type='submit'/><br/> <input type='text' name='data'/> </form> で第1のサブミットが押されたときには dataを大文字で表示し 第2のサブミットが押されたときには dataを小文字で表示したいのです

    • ベストアンサー
    • CGI
  • submitボタンを二つ用意したい

    textに入力したものを二つのsubmitボタンで共用できるようにしたいと考えています。 作ってみたのですが、思ったように動かずに困っています。 ↓をどのように修正すれば動くでしょうか。 よろしくおねがいします。 <html> <body> <form name="hoge" action="hoge1.php" method="post"> <div class="ok_left"><input name="kw" value="" /> <script type="text/javascript"> <!-- function pushSubmit (val) { with(document.hoge){ if(val=='2'){ action = 'http://hoge.jp/hoge2.php'; } submit(); } } --> </script> <a href="javascript:pushSubmit('1');"><input name="submit1" type="submit" value="1"/></a> <a href="javascript:pushSubmit('2');"><input name="submit2" type="submit" value="2"/></a> </form> </body> </html>

    • ベストアンサー
    • HTML
  • 【FORM】　リンク文字で submit したい

    <FORM METHOD="post" ACTION="tbl_admin.html"> <A HREF="#" onClick="fnc.value='abc'; this.form.submit();">リンク文字</A><BR><BR> <INPUT TYPE="hidden" NAME="fnc" VALUE=""> <INPUT TYPE="submit" VALUE="aaa"> </FORM> と書いてみたのですが エラー:'this.form' は Null またはオブジェクトではありません。 としまいました。 <SELECT>のonChangeで同じような事は出来たのですが、 単なるリンク文字クリックでこのようなことはできないのでしょうか。 可否をご存知の方、また実現方法等ご存知の方 いらっしゃいましたらご教示願います。 よろしくお願い致します。

  • SUBMITボタンを表示させないでSUBMITを実行する方法

    通常HTMLのFORMはSUBMITボタンを表示させ、 １．ボタンを押す ２．FORM内でENTERキーを押す の２つにわかれますが、１のボタン自体を表示 させないでENTERキーだけでSUBMITをかけると いう方法はないでしょうか？？ よろしくお願いします。

    • ベストアンサー
    • HTML
  • リンクでPOSTデータを送信することは可能ですか？

    はじめまして。 Submitボタンを使用せずに<A>リンクでFORMのPOSTメソッドデータを送信することは可能でしょうか？ やはりURLにデータを付加して送信するしかないのでしょうか？ ご教授よろしくお願い致します。

    • ベストアンサー
    • HTML
  • ２つのボタンによるSubmitについて

    javascript初心者です。 <form name="sample01" action="aaa.html" method="POST" > 　<input type="checkbox" name="chk[]" value="1"> 　<input type="checkbox" name="chk[]" value="2"> 　<input type="checkbox" name="chk[]" value="3"> </form> このチェックボックスの値を、submitで渡したいのですが、 AボタンとBボタンの２つ設けて、それぞれクリックすると別ファイルに遷移させたいのです。 Aボタンは、「sample01」のaction属性にあるaaa.html Bボタンは、bbb.html こういったことはできるのでしょうか？

  • 複数のsubmitボタンで押されたボタンを取得する方法

    form内の、submitボタンの値が拾えません。 １つだけsubmitボタンを設置すると値が拾えますが、 ２つ以上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>

  • どうしてもＡタグでsubmitしたい

    <form action="ccenter/index.php?form=2" name="ccenter" method="post" onsubmit="return xoopsFormValidate_ccenter();"> お世話になります。このフォームの送信ボタンをＡタグで行うことは可能でしょうか。 xoopsFormValidate_ccenter();は入力チェックです。 当方で, <a href="" onclick="submit()">Submit</a> とし.ても動きません。 初歩的で申し訳ございませんが、よろしくお願いいたします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する