Foundation-slider-data-binding
提供:Dev Guides
基盤-スライダーデータバインディング
説明
これを使用して表示可能な入力とスライダーを表示し、一方を変更するともう一方が一致するようにすることができます。 _input_に_id_を割り当て、_aria-controls = "idOfInput" _を追加する必要があります。
例
次の例は、Foundationで_slider data binding_を使用する方法を示しています。
出力
上記のコードがどのように機能するかを確認するために次の手順を実行してみましょう-
- 上記のHTMLコード slider_data_bindingl ファイルを保存します。
- このHTMLファイルをブラウザで開くと、次のように出力が表示されます。