前端
在HTML5中，range型input标签用于创建一个滑动条，让用户可以通过鼠标或触屏操作选择或输入数字。下面是如何使用它的直观解释：
首先，Range对象是浏览器中表示选区或连续文本区域的核心对象。在现代浏览器中（如Chrome和Firefox），你可以通过document.getSelection()或window.getSelection()获取用户的选区，其内部可能包含一个或多个Range对象。Firefox允许用户选取多个连续区域，而其他浏览器通常只支持单个连续区域。
获取用户选区的特定Range对象，可通过selection对象的getRangeAt(index)方法，index表示区域的顺序。当你在文本中选取内容时，这个值会相应变化，如无选区则为0，单选时为1，多选时为选取区域数量。
Range对象有丰富的属性和方法，如collapsed属性判断区域起始点与结束点是否重合，startContainer和endContainer属性用于获取区域的起点和终点节点。常用的方法包括selectNode和selectNodeContents来选择节点内容，deleteContents删除选区内的内容，以及setStart和setEnd设置新的起点和终点。
例如，通过setStart和setEnd方法，你可以精确地控制数字输入范围，如设置滑动条的起始和结束值。同时，cloneRange和extractContents方法能复制和移动范围内的内容，insertNode用于在选区中插入节点。
在实际应用中，创建一个range型input标签，例如，用户可以通过滑动条选择范围内的数字，范围的值会实时反映在input的value属性上。
多重随机标签