Meteor-forms
提供:Dev Guides
流星-フォーム
この章では、Meteorフォームを操作する方法を学習します。
テキスト入力
最初に、テキスト入力フィールドと送信ボタンを持つ form 要素を作成します。
meteorAppl
JavaScriptファイルで、 submit イベントを作成します。 ブラウザの更新を停止するには、デフォルトのイベント動作を防ぐ必要があります。 次に、入力フィールドの内容を取得し、 textValue 変数に割り当てます。
次の例では、そのコンテンツのみを開発者コンソールに記録します。 そして最後に必要なことは、入力フィールドをクリアすることです。
meteorApp.js
入力フィールドに「Some text …」と入力して送信すると、コンソールは入力したテキストを記録します。
ラジオボタン
同様の概念をラジオボタンに使用できます。
meteorAppl
meteorApp.js
最初のボタンを送信すると、コンソールに次の出力が表示されます。
チェックボックス
次の例は、チェックボックスの使用方法を示しています。 同じプロセスを繰り返していることがわかります。
meteorAppl
meteorApp.js
フォームが送信されると、チェックされた入力は true として記録され、チェックされていない入力は false として記録されます。
ドロップダウンを選択
次の例では、 select 要素の使用方法を学習します。 change イベントを使用して、オプションが変更されるたびにデータを更新します。
meteorAppl
meteorApp.js
3番目のオプションを選択すると、コンソールはオプション値を記録します。