HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLで送信ボタンを別のWebページにリンクさせる方法

送信（Submit）ボタンは、クリックするとフォームを自動的に送信する役割を持っています。HTMLフォームを活用すれば、ユーザーからの入力を簡単に受け取ることができます。<form>タグの中にフォーム要素を追加することで入力欄を作成でき、テキスト入力、ラジオボタン、送信ボタンなど、さまざまな種類の要素が用意されています。

action属性でリンク先を指定する

送信ボタンを別のWebページにリンクさせたい場合は、フォームのaction属性を使用します。action属性の値に移動先のURLやファイルパスを記述するだけで、送信ボタンがクリックされたときに指定したページへ遷移させることができます。

記述例：

<form action="/new.php">

サンプルコード

以下のコードを実行すると、送信ボタンから別のWebページへリンクする動作を確認できます。

<!DOCTYPE html>
<html>
   <body>
      <form action="/new.php">
         学生名：<br> <input type="text" name="sname">
         <br>
         科目名：<br> <input type="text" name="ssubject">
         <br>
         <input type="submit" value="送信">
      </form>
   </body>
</html>

ポイントまとめ

  • 送信ボタンはクリック時にフォームデータをaction属性で指定した宛先へ送信する
  • 別ページへの遷移は<form>タグのaction属性にパスを記述するだけで実現できる
  • method属性（GET／POST）と組み合わせると、データの渡し方も制御可能
  1. HTML DOMのForm submit()メソッドとは？構文と使い方を実例付きで解説

    HTML DOMのForm submit()メソッドは、フォームのデータをaction属性で指定されたアドレスへ送信するために使用されます。送信ボタンと同じ役割を果たし、フォームデータをプログラムから送信できるのが特徴です。また、このメソッドは引数（パラメータ）を一切受け取りません。 構文 Form submit()メソッドの構文は以下のとおりです。 formObject.submit() サンプルコード Form submit()メソッドの具体的な使用例を見てみましょう。 <!DOCTYPE html> <html> <head> <style>

  2. HTMLフォームの作り方｜input要素の種類とフォームデザインの基礎

    HTMLフォームとは？ サイト訪問者からデータを収集したい場合、HTMLフォームが必要になります。たとえばユーザー登録の際には、名前・メールアドレス・クレジットカード情報などを入力してもらうことになりますよね。 フォームは訪問者からの入力を受け取り、CGI、ASPスクリプト、PHPスクリプトといったバックエンドアプリケーションへデータを送信（ポスト）します。バックエンド側では、アプリケーション内に定義されたビジネスロジックに基づいて、受け取ったデータに対して必要な処理が実行されます。 フォームの基本構文 HTMLでは<form>タグを使ってフォームを作成し、その中にinputや