指定すると大まかな数値を入力するためのスライダーを作成することができます。正確な数値を必要としない場合に使用することができます。数値を選択:属性autocompleteブラウザによる自動補完機能を使用するかどうかを指定します。属性に指定できる値まとめ」をご確認ください。autofocusページの読み込みが完了したときに、この属性を持った要素にフォーカスします。フォーム内の一つの要素だけに指定できます。autofocus>実行結果disabledユーザーがスライダーを操作できないようにします。要素の色が少し薄く表示され、フォームを送信しても値は送信されません。要素に関連付けられます。文書中にあるフォームに関連付けることができます。要素をフォームのデータとして送信することができます。要素と組み合わせて、数値を指定する目安となる目盛りを表示することができます。属性の値を一致させる必要があります。属性の値「range-list」を一致させて、5つの目盛りを表示しています。HTMLリファレンスmax指定できる数値の最大値を指定します。max="50">min指定できる数値の最小値を指定します。min="10">name要素に名前を付けます。name="range">stepキーボードの↑↓を使って数値を指定するときに、スライダーを動かす数値の間隔を指定します。毎にスライダーを動かすことができます。要素の順番を指定します。range」の順番でフォーカスが動きます。tabindex="4">value初期状態で表示する数値を指定します。スライダーを縦方向にするスライダーを縦方向に表示する方法はブラウザによって異なるのでご注意ください。場合CSSでスタイルを指定します。場合CSSでスタイルを指定します。MESara運営者Contact書籍やオンライン講座でプログラミングを勉強してフリーランスのプログラマーになりました。このサイトでは「わかりやすく・シンプル」をモットーに、プログラミングの基礎からアプリ開発まで紹介します。独学でプログラミングを勉強をしている方、基礎は勉強したけれど次に何をすれば良いか分からない...という方のお役に立てるサイトを目指しています。Sara運営者Profile書籍やオンライン講座でプログラミングを勉強してフリーランスのプログラマーになりました。このサイトでは「わかりやすく・シンプル」をモットーに、プログラミングの基礎からアプリ開発まで紹介します。独学でプログラミングを勉強をしている方、基礎は勉強したけれど次に何をすれば良いか分からない...という方のお役に立てるサイトを目指しています。プログラミング講座では、プログラミングの基礎からアプリ開発まで学ぶことができます。わかりやすく・シンプルをモットーに同じコードを書けば必ず完成できること専門用語を使いすぎないことを重視しています。01動くコードプログラミングの文法だけを学んでも、そこから動くアプリを開発をするのは難しいです。プログラミング講座では、ゲームやカレンダーなど「アプリとして機能するもの」を作りながらプログラミングを学ぶことができます。02自分のペースでオンライン講座なので、ご自身のペースで学習を進めて頂けます。分からないことがあっても、前のレッスンに戻ることができるので安心です。お申し込みしたその日からからすぐに始めることができます。03個別サポートプログラミング学習では、エラーが起きることはよくあります。そんな時はお気軽にお問い合わせください!コメント欄またはメールによるサポートを回数無制限でご利用頂けます。FunwpDiscuz00この記事にコメントするxInsert記事URLをコピーしました。