Formタグの外にボタンを配置してサブミットさせる方法

フロントエンド

サブミットボタンにform属性をつけ値を対象のformのidにすることで実現可能です。

<form id="form01"></form>
<input value="送信する" type="submit" form="form01">

デザインの都合上どうしてもformタグの外にボタンを配置したかったのでやり方を探してみました。

この記事が少しでもお役に立てれば幸いです!

Akira

Akira

未経験から制作会社に入社し3年ほど技術周りをやってます。最近はJamstackに興味があってこのサイトもShifterというサービスを使用してJamstack化しています。

特集記事

TOP