Hello,

Unfortunetally <input type="range"> does not support natively multiple parameters, that was removed from the standard few years ago.

There are some external libraries to achieve that if you need (they use <div> instead <input>).

For now I can suggest you to use one:

http://jqueryui.com/slider/#range

http://ionden.com/a/plugins/ion.rangeSlider/en.html

Or try two range inputs, as i mentioned before:

<form class="range-field row">
<div class="col mr-0 pr-0">
<input type="range" min="0" max="100" />
</div>
<div class="col ml-0 pl-0">
<input type="range" min="100" max="200" />
</div>
</form>

 

Don't hesitate to ask further.

Regards,

Jakub from MDB

 

---

Hello, We have got all our inputs and their options described in documentation. Please check this link: https://mdbootstrap.com/components/inputs/ There is Range Component with input type="range", but it can hold only one output value. We don`t have yet the component which can designate the interval. I can suggest you to use two Range components to achieve this.   Best regards, Jakub from MDB

---