HOME > HTML > 同一フォーム内でクリックするボタンによって送信先を変更する方法

同一フォーム内でクリックするボタンによって送信先を変更する方法

2025/10/04 HTML

同一フォーム内で「登録する」ボタンと「プレビュー」ボタンを用意し、「登録する」をクリックするとregist.phpに「プレビュー」をクリックするとpreview.phpに遷移させたかった。また、「登録する」をクリックした場合は別タブでページを開きたい。以下に対応方法をメモ。

対応方法

ソースコード

<form action="regist.php" method="get">
    <input type="text" name="name">
    <input type="submit" value="submit">
    <button type="submit" formaction="preview.php" formmethod="get" formtarget="_blank">preview</button>
</form>

リファレンス

所感

今までプレビュー機能的なものを実装する際、一旦下書き保存のような形でデータベースに登録し、プレビューさせる形を取っていたが場合によっては今回メモした方法で対応できそう。

- HTML

: mp3ファイルのアップロードと再生方法

mp3ファイルをformでアップロードしたかったのと、Webサイト上で再生したか ...

: HTML5のGeolocation APIで位置情報を取得してGoogleMapAPIで使用する方法

GPSみたいな位置情報を取得しGoogleMapAPIでその場所を反映させたかっ ...

: HTML内に動画(mp4ファイル)を埋め込んで配信する方法

Webページ内にYoutubeとかを用いずに動画(mp4)ファイルを配信したいと ...

: スマホでページ内リンクからGoogleMapアプリを開く

スマホでWebページにあるリンクをクリックした際にGoogleMapアプリを表示 ...

: Googleカレンダーに追加する(予定を登録する)リンクを設置する方法

あるサイトに「Googleカレンダーに追加する(予定を登録する)ボタンを設置して ...

同一フォーム内でクリックするボタンによって送信先を変更する方法

対応方法

ソースコード

リファレンス

formaction属性

formmethod属性

formtarget属性

所感

関連記事

mp3ファイルのアップロードと再生方法

HTML5のGeolocation APIで位置情報を取得してGoogleMapAPIで使用する方法

HTML内に動画(mp4ファイル)を埋め込んで配信する方法

スマホでページ内リンクからGoogleMapアプリを開く

Googleカレンダーに追加する(予定を登録する)リンクを設置する方法

タグ