• ベストアンサー

フォームの送信ボタンの位置

フォームのテキストエリアの横に送信ボタンを配置したいのですが どの様なタグを入れたらいいでしょうか? ※送信ボタンは画像ではありません。

  • HTML
  • 回答数3
  • ありがとう数6

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

  • ベストアンサー
  • koke29
  • ベストアンサー率58% (114/196)
回答No.3

テキストエリアにfloat:left;で横並びにはなりますが 微調整は必要かもしれないです ただし、他の場所にもテキストエリアを使用している場合はそっちにも floatが付いてしまうので単純に textarea{float:left;} ではダメだし classなどにするにしても、HTMLファイルに記述出来ないならムリです 何にせよHTMLファイルをいじれないなら↑くらいの方法しかなさそうです

7tiyoko
質問者

お礼

ご回答有難う御座いました、 その方法をヒントに自分で微調整をしたらなんとかなりました。

その他の回答 (2)

noname#100277
noname#100277
回答No.2

OSとブラウザの情報は? 少なくともWindowsXP SP3 Firefox/3.0.5ではNo.1で示された記述で希望の表示には成ってます。 後はCSSで微調整する程度で良いのでは?

7tiyoko
質問者

お礼

すみません、1の方が書き込みしてくださったものではなく 私の作ったもので、と言う意味です。 書き方が足りなくてすみませんでした。 作ったフォームのタグを書き込めれば早いとは思いますが事情があって出来ません、すみません。 フォーム全体のタグではなくスタイルシート等なにか送信ボタンをテキストエリアの横に持っていくタグなどがあれば使いたいと思っただけなんです。 紛らわしくてすみませんでした。

  • if-so-at
  • ベストアンサー率45% (5/11)
回答No.1

こんにちわ。 >フォームのテキストエリアの横に送信ボタンを配置したい ちょっと情報が少なすぎて、よく分からないのですが・・・・ <form action="" method="post"><textarea></textarea><input type="submit" value="送信"></form> こんな感じのタグで表示されます。 ※アクションなどの設定はしていません。

7tiyoko
質問者

お礼

ご回答有難う御座います、 フォーム全体は出来ているのですが図にすると テキストエリア 送信ボタン という様な配置になっているので テキストエリア 送信ボタン みたいな配置にしたいんです、 送信ボタンの位置を変えるタグって何かないでしょうか? ちなみにフューチャースピリッツさんのフォームメーラー新型を改造?しています。

関連するQ&A

  • フォームを機能させるには?

     htmlタグでメッセージの送信フォームを 作ったのですが、これを機能させる タグの組み方が分かりません。  フォームにメッセージが入力され 送信ボタンを押したとき、 送信完了画面が表示させて、 指定のテキストファイルに、書き込みするように、 したいのですが、どうタグを組めばよいのでしょうか?

    • ベストアンサー
    • HTML
  • 「送信」ボタンからフォーカスを自動的に外す方法

    こんにちは。PHP初心者です。 先日、PHPでメールフォームを作成しました。 テキストエリアに"住所""名前"など入力し、最後に『送信』ボタンを押す。 と、ごく普通のメールフォームです。動作などは全く問題ありません。 でもどうしても気になることが。。。 それは最初にページを開いて、テキストエリアをクリックすると、 『送信』ボタンにもフォーカスされてしまいます。 これだと、入力が完了してない状態でエンターキーを押してしまうと、 次ページ(確認ページ)に移動してしまうのです。。。 どこがどうなって、こういった現象が出るのかわかりません。 簡単な方法としては、常に『送信』ボタンからフォーカスを外す方法 と安易に考えてます。。。 教えて下さい。 また、これが原因じゃない?という意見などもあれば教えて下さい^^

    • 締切済み
    • PHP
  • ホームページベルダーにおいての「送信」ボタン

    初心者ながら、現在、会社のホームページを作成しております。 ある程度、独学でわかったのですが、お問合せフォームの「送信ボタン」をどうしたら、サーバーに転送したらいいのでしょうか?? 「送信」を押すと、「送信されました」というアナウンスが出る一般的なお問合せフォームが理想です。 「送信ボタン」も作成済みです。タグを勉強してみたら、<input type>とか<value>とか仕組みはわかるのですが、作成した「送信ボタン」<img src>とどう組み合わせていいのかわかりません。。。 ビルダーの使い方、タグの組み立て方、どちらでもかまいませんので、 どなたか教えてください。 よろしくお願いします。

  • 複数の送信ボタンと送信先

    お世話になります。 HTMLのフォームでのsubmitボタンについての質問です。 例えば1つのテキストボックスと、Aに送信、Bに送信、Cに送信という3つのボタンという構成のフォームがあり テキストボックスのデータを Aに送信ボタンをクリックするとhttp://○○○/a.cgiに Bに送信ボタンをクリックするとhttp://○○○/b.cgiに Cに送信ボタンをクリックするとhttp://○○○/c.cgiに 送信するにはどのようなHTMLを書けばよいのでしょう。 多分JavaScript使うのだろうなと思うのですけれど

    • ベストアンサー
    • HTML
  • フォームの送信ボタンについて

     Fireworks MX のボタン作成機能を使い、イメージをロールオーバーさせ、[ファイル]->[書き出し]で「HTMLとイメージ」に書き出したボタンを、perlCGIのフォーム送信のボタンにしたいのですが、どのように記述したらよいのかが分かりません。  DreamWeaver MX の機能を使ってそれらボタンをフォームのボタンとして設定することは可能でしょうか? もし可能であればどのような操作をすればCGIのボタンとして設定することができるのか教えて下さい。  また、もし手書きでHTMLのソースを変更することになるのであれば、どこをどのように書き換えれば良いのかご存知の方がいらっしゃいましたら教えて下さい。  よろしくお願いします。

    • ベストアンサー
    • HTML
  • 送信フォームで送信ボタンをおしたら自動的に閉じる

    タイトルのままなんですが、 ポップアップで開いた子画面が送信フォームに なっており、送信ボタンをおしたら自動的に 閉じ方を教えて下さい。 よろしくお願いします。

  • JAVASCRIPTで送信フォームを作っています

    JAVASCRIPTで送信フォームを作っています。 ラジオボタンだけが値をだしてくれません。 なにか方法はあるのでしょうか。 アンケートにつかいます。 各項目を答えるごとに裏でテキスト化されて最終的に一括送信できるようにします。

  • フォーム等でよく使われるボタンを使って次のページへ進めたい

    どうしたらいいのか分からずに困っています。おわかりになるかたがいらっしゃいましたら教えてください。 フォーム等でよく使われるボタンがありますよね。(<input type="submit" value="次ページ">) 通常CGIなどでフォーム送信をするのに使っていますが、これをつかって、単純に次のページへ進むというボタンをつくりたいと思っています。この場合、どういったタグを記入すればいいのでしょうか? 教えてください。よろしくお願いいたします。

  • 送信ボタンのサイズを変更したいです

    入力されたデータを送信するための「送信ボタン」を画像付きのボタンのコードを書いているのですが、付属画像のように、 ボタンの大きさが横一杯に広がって灰色のようになって、しまうのですが、ボタンの大きさの縦幅と横幅の大きさを調節しても、適応されず困っています。 ボタンの画像自体の大きさは適応できています。 困っています。 コードは以下にあります。 <!DOCTYPE html> <html> <head> <meta content="text/html; charset=utf-8"/> <title></title> <link rel="stylesheet" href="senden.css"> <style type="text/css"> /* 送信ボタンの位置 */ .auto-style3 { text-align: center;/* 送信ボタンを中央に配置 */ } /* 送信ボタンの代替画像位置 */ .auto-style4 { text-align: center;/* 画像を中央に配置 */ margin-top:87px ;/* 画像の上の余白 */ } /* 画像の大きさ調節 */ img.example8 { width: 50%; height: 100px; </style> </head> <body> <form action="form1.php" method="post"> <div class="enter"> <button type="submit" name ="submit" class="auto-style4" height="70px" width="40px"> <img src="senden15.png" alt="確認画面へ" class="example8"/></button> </div> </form> </body> </html>

    • ベストアンサー
    • CSS
  • ・フォームの送信先(action)を複数指定したい

    ・フォームの送信先(action)を複数指定したい Webページフォームの内容をAページもしくはBページのどちらかに送信したいと考えています。 そこでフォームに複数送信ボタンを配置してそれぞれ別のページに情報を送信しようと思ったのですが、 formタグのactionはひとつなので飛ばすページはどうしてもひとつになってしまいます。 JavaScriptを使うと比較的簡単にできるようなのですが、携帯サイトを作成したい為、JavaScriptは使えません(PHPは可)。 解決方法があればご教授願います。

    • ベストアンサー
    • HTML

専門家に質問してみよう