HTML5入門－form新要素 range－｜mayy

HTML5ではformに新機能がたくさん追加されています。 今日はその中からマウスで可変可能なバーを表示する、rangeを試してみます。 range対応ブラウザ いつものサイトで確認します。 FindMeByIP|HTML5 & CSS3 Support “HTML5 Forms Inputs”という箇所を確認してみます。 対応されているブラウザは、Chrome、Opera、Safariです。 今回もChromeで確認していきます。 バーを表示してみる まず表示させてみましょう。 inputのtypeをrangeとします。 これだけでも表示はされますが、バーの最小値と最大値も追加しておきます。 最小値はmin、最大値はmaxです。 <form> <input type="range" min="0" max="100"> </form> サンプルを見る 表示されましたか？

[fjwr38]

これいいですね