怎样在html5中自定义<input>标签

Question

<input>原本是给用户输入数字的,现在我想实现这样一个效果：例如这个input的范围是1到10,将input的表现方式由输入框改为一个游标,用户可以左右拖动，如果游标拖动到最左边，就将这个input认定为0,如果在最右边，就认定为10,依次类推。请问应该如何实现呢？

Answer 1

<input type="rabge" min="1" max="10">