<input type="range">

21f

License: MIT License

Fork
0
Fav
0
View
113
  • Play

Fullscreen

Smart Phone

  • Readme
  • ES6 12 lines
  • HTML 20 lines
  • LESS 74 lines

概要

  • 数値を入力するためのフォーム要素
  • min, max 属性で値の範囲を設定できる。指定がない場合は 0 から 100
  • value 属性がない場合の初期値はブラウザにより異なる
  • list 属性で目盛りを指定できる
  • Internet Explorer, Edge, Chrome/Opera (Blink エンジン) は目盛りが表示される。Safari, Firefox は未実装
  • Chrome/Opera ではスライダーを動かすと目盛りにスナップする

JavaScript

  • JavaScript からのアクセスは他の input 要素と同様に value 属性で値の取得・設定ができる
  • 値が変更された場合は input イベントおよび change イベントが発生するが、 Internet Explorer では input イベントは発生せず、change イベントがスライダーの移動中にも発生する

CSS

  • ブラウザにより実装が異なる。詳しくはソースで
  • <input type="range">
  • <input type="range">

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

21f

Author

ちゅん ちゅん

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags