FAQ：サンプルコード：フォームにボタンを追加したい
## 概要
分類Aの後ろにボタンを追加する場合のサンプルコードを以下に記載します。
## 事前準備
(1) 対象となるテーブルを開きの「管理」メニューから「[テーブルの管理](/manual/table-management)」を開きます。
(2). エディタタブで分類Aを追加します。
(3). スクリプトタブを開き「新規作成」ボタンをクリックし、「[タイトル](/manual/tenant-logo)」に任意のタイトルを入力し、「[スクリプト](/manual/table-management-script)」に以下のスクリプトを入力します。
##### JavaScript
```
$p.events.on_editor_load = function () {
$('#' + $p.getField('ClassA')[0].id).after('<button type="button" style="float: left;">ボタン</button>');
};
```
(4) 「出力先」を「編集」のみに設定します。
(5) 「変更」ボタンをクリックしダイアログを閉じます。
(6) 画面下部の「更新」ボタンをクリックします。
(7) 任意のレコードを開くか、新規作成してください。
※「[$p.events.on_editor_load](/manual/script-events-on-editor-load)」については、以下のFAQをご参照下さい。
[FAQ:[レコードの遷移にAjaxを使用]や「ダイアログで編集」にチェックを入れた場合の注意事項](/manual/faq-ajax-and-dialog-editor)
