HTML送信入力ジェネレーター
<input type="submit">ボタンを生成します。ボタンのテキストとフォーム送信の上書き設定（アクション、メソッド、エンコード、ターゲット）を指定して、すぐに使えるHTMLをコピーできます。無料・即時・AI不使用。
入力
小文字で、アンダースコアやハイフンを使って分かりやすい名前を付けてください（例: submit_button や form_submit）。
設定
要素にカスタムCSSクラスを追加します。複数のクラスはスペースで区切ってください。
出力
HTML
役に立ちましたか？
このツールを使う他の方法
REST API
curl -X POST https://api.iotools.cloud/v1/tool/html-generator/input-submit \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"customName": "submit-button",
"customValue": "Submit",
"customDisabled": "",
"customFormaction": "",
"customFormenctype": "",
"customFormmethod": "",
"customFormnovalidate": "",
"customFormtarget": "",
"customClasses": "btn btn-primary"
}'ご自身のアカウントのキーに差し替えてください。ツールのフィールドがそのままリクエストボディになります——ラッパーはありません。
AIエージェントに依頼する
Use the IOTools `html-generator__input-submit` tool (HTML Input Submit Generator) on this input:
YOUR_INPUT_HEREIOTools MCPサーバーに接続された任意のエージェントにこれを貼り付け、入力内容を追加してください。
埋め込みウィジェット
<iframe
src="https://iotools.cloud/embed/html-generator/input-submit/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="HTML送信入力ジェネレーター — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>ご自身のページに貼り付けるだけ——無料、キー不要、リンクを掲載するだけです。
| API/MCP 1回あたりの費用 | 5クレジットから |
|---|---|
| クレジットが足りませんか? | 料金を見る |
次の方法でも利用可能
ガイド
<input type="submit"> ボタンを、そのまま貼り付けられる形で作成します。ボタンのテキストと、フォーム送信の上書き設定（アクション、メソッド、エンコード、ターゲット）を指定し、生成されたHTMLをコピーしてください。
すべてお使いのブラウザ内で動作します。AIの呼び出しもクレジットも、ネットワーク通信も不要です。入力に合わせて出力がすぐに更新されます。
使い方
- 名前とボタンのテキストを設定します。
- 必要に応じて、フォームの送信方法を上書きします。別のアクションURL、メソッド、エンコード、ターゲットを指定できます。1つのフォームで異なる動作の送信ボタンを複数用意する場合に便利です。
- 生成されたHTMLをコピーまたはダウンロードします。
ライブプレビューがないのはなぜ？
出力はサニタイズされていない実際のフォームのマークアップなので、ページ上で直接描画するのは安全ではありません。コードを自分のページに貼り付けて、文脈の中で確認してください。
htmlinputsubmitbuttonformgenerator