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: 2.3.2. 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" class="form-control form-range formsbootstrap-range resettext" id="range" name="range" value="3"
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