2023年07月12日 更新
Colaboratoryでドロップダウン、スライダー、チェックボックスなどのフォームUIを使う方法
![](https://monomonotech.jp/kurage/assets/images/memo/kurage_junior.png)
どうも、クラゲジュニアです。
Colaboratoryで以下のようなフォームを使うサンプルページを紹介します。
- テキスト入力
- 数値入力
- ドロップダウン
- 日付入力
- スライダー
- チェックボックス
etc
![](https://hackmd.io/_uploads/By7jigsK2.png)
上記以外にも、コードを一時的に隠す方法、ボタンやスライダーのウィジェットなどの情報も載っています。
![](https://hackmd.io/_uploads/B1xjQagoYn.png)
サンプルページ
こちらから開けます。
![Open in Colab](https://colab.research.google.com/assets/colab-badge.svg)
メニューからも追加可能
コードセルを選択後、メニューの 挿入
> フォームの項目の追加
からも追加できます。
![](https://hackmd.io/_uploads/ByN5ngiK3.png)
以上です。