# 【フォームブリッジ】フォーム内にボタン作成
**URL:** https://community.cybozu.dev/t/topic/5547
**Category:** kintone 開発相談
**Created:** [2021 年 12 月 10 日午前 4:45 UTC](https://community.cybozu.dev/t/topic/5547 "2021-12-10T04:45:43Z")
**Posts on this page:** 4
**Page:** 1
### Author:  [@Legacy\_Account1192](https://community.cybozu.dev/u/Legacy_Account1192)
#### Post date: [2021 年 12 月 10 日午前 4:45 UTC](https://community.cybozu.dev/t/topic/5547/1 "2021-12-10T04:45:43Z")
フォームブリッジのフォーム内に、kintoneのスペースフィールドを使い、document.createElement(‘button’)のようにボタンを作成することは可能でしょうか？
ラベルフィールドを使ってできないか試していますが、kintoneとは違うためどうやれば作れるのかがわからず、止まってしまっています。
標準機能でもカスタマイズでも、ボタンをフォーム内に配置することは可能でしょうか？
ご教授お願いいたします。
---
### Author:  [@Legacy\_Account1224](https://community.cybozu.dev/u/Legacy_Account1224)
#### Post date: [2021 年 12 月 10 日午前 6:47 UTC](https://community.cybozu.dev/t/topic/5547/2 "2021-12-10T06:47:04Z")
一般的な書き方なのか分かりませんが、ラベルフィールド（label）を設置し、そこにボタン（button）を表示。ボタンがクリックされたらテキストフィールド（text）へ値を書き込むという動きを下記で実現できます。jQueryを一緒に読み込んでおいてください。
```
(function() {
"use strict";
//https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js
$(document).ready(function() {
$("#button").click(function() {
var employeeName = fb.getElementByCode('text');
employeeName.getElementsByTagName('input')[0].value = 'Hello';
});
});
fb.events.form.mounted = [function(state){
fb.getElementByCode('label').innerHTML = '';
return state;
}];
})();
```
---
### Author:  [@Legacy\_Account1192](https://community.cybozu.dev/u/Legacy_Account1192)
#### Post date: [2021 年 12 月 10 日午前 7:20 UTC](https://community.cybozu.dev/t/topic/5547/3 "2021-12-10T07:20:23Z")
Shigaさん
ご教授頂きありがとうございます。
ボタンを作成することができました。
フォームブリッジではラベルフィールドのinnerHTMLでidを作成すればよいのですね！！
onclickの処理で色々と書いてみようと思います。
ありがとうございました。
---
### Author:  [@system](https://community.cybozu.dev/u/system)
#### Post date: [2024 年 8 月 22 日午前 6:21 UTC](https://community.cybozu.dev/t/topic/5547/4 "2024-08-22T06:21:17Z")
このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。