FormsBootstrap

A Laravel library to generate forms based on Laravel Collective Forms & HTML, Boostrap 5 CSS Framework, RichText editor, and Icons provided by FontAwesome. Current version: 3.1.1. Project on GitHub. Project on Packagist. Manages also results inputs of packages DateRangePickerHelper, Uploader, and Tags input. Includes form management and validation. This demosite sources available here.

Range


{!! Form::bsRange([
  'id' => 'range', // field id and name
  'labeltext' => 'Range', //field label
  'min' => 0, // min value
  'max' => 10, //max value
  'value' => "3", //defaut value
  'required' => true
]) !!}

Output:
<div class="mb-3" id="fg-range">
<label for="range" class="form-label">Range</label>
<div class="input-group">
<span class="input-group-text formsbootstrap-inputgt">0</span>
<input type="range" name="range" value="3" id="range" class="form-control form-range formsbootstrap-range resettext" min="0" max="10" placeholder="3" />
<span class="input-group-text formsbootstrap-inputgt">10</span>
<span class="input-group-text">Selected:&nbsp;<span id="range_val"></span></span>
</div>
</div>
<script>
jQuery("#range").on("input", function(){
jQuery("#range_val").html(jQuery("#range").val())
});
jQuery("#range_val").html(jQuery("#range").val())
</script>



0 10 Selected: 


Results