The Forms in Bootstrap 4
In this Forms tutorial of Bootstrap 4 Framework, you can see the online form examples utilizing available classes along with customized forms.
Demos and Full Guide
The select dropdown with hierarchy by jQuery
By using the hierarchy-select jQuery plug-in, you may create a dropdown with options in the hierarchy. Normally, the select dropdown displays options in the same order as provided. This plug-in allows presenting the options in a hierarchal way and implemented…
Demos and Full Guide
5 Form Validation Module/Directives for AngularJS / AngularJS 2
The AngularJS directives for form validation As AngularJS is becoming more and more popular, its third party components that you may use in your AngularJS or Angular2 projects are available in numbers and variety. I have been sharing different components…
Demos and Full Guide
Mouse drag and touch enabled jQuery input field stepper: jquery.stepper.basic
The jquery.stepper.basic plug-in Generally, we use the sliders for increasing or decreasing a value for enabling visitors to select a value in a form by mouse drag or using the touch devices. The stepper.basic plug-in works with the input text…
Demos and Full Guide
Turn a Bootstrap dropdown into multi-select button by jQuery dropdown-checkboxes
The dropdown-checkboxes plug-in The jQuery dropdown-checkboxes plug-in will turn a Bootstrap select dropdown into the multi-select input button where options are available with checkboxes. This is a compact dropdown/button and a user may select one or more options by ticking…
Demos and Full Guide
Check/uncheck all checkboxes by jQuery: SelectAllCheckbox
What is SelectAllCheckbox plug-in? The SelectAllCheckbox is a jQuery based plug-in that can be used for allowing visitors to check or uncheck all option at one go. If the group of checkbox contains disabled checkbox(es) then its state will not…
Demos and Full Guide
5 Demos of Pretty dropdowns by jQuery plug-in (pretty-dropdowns)
The pretty-dropdowns plug-in Turn the ordinary HTML select dropdowns into the beautiful menus by using the pretty-dropdowns jQuery plug-in. It comes up with many features that you may customize as per the need of your theme of forms. The features…
Demos and Full Guide
4 demos of input masking solution by using JavaScript
What is input masking library? In certain scenarios, you may require enabling the visitors for entering only the specific data in certain format. For example, zip code or credit card entries are in specific pattern where you may restrict certain data…
Demos and Full Guide
A Bootstrap / jQuery based select box with search and multi-select options
A beautiful select box based on jQuery / Bootstrap The selectr is a jQuery plug-in for creating the pretty select box on your website that allows multi-selection along with searching the options. You may limit the maximum number of selections as…
Demos and Full Guide
Bootstrap / jQuery image upload preview plug-in
The image upload plug-in If you require enabling your visitors uploading the image files through web forms and before uploading the image, preview it then img-upload plug-in can be the right choice. The bootstrap-imageupload is a jQuery based plug-in that is…
Demos and Full Guide
A jQuery telephone input with flags and international codes plug-in
The telephone input with flags and international codes The intl-tel-input is a jQuery based plug-in that you may use with any input in your forms that enables users entering the phone numbers. This telephone input will display the respective flag.…
Demos and Full Guide
2 demos of Bootstrap / jQuery based WYSIWYG text editor
The WYSIWYG text editor for your website If your project is based on Bootstrap framework and you require using a text editor with rich features then line-control is a light-weight choice. The line-control is a jQuery based plug-in which is…
Demos and Full Guide
10 demos of Bootstrap multiselect dropdown by using jQuery
The Bootstrap multiselect with jQuery The multiselect dropdown allows the visitors of the website selecting multiple options from a dropdown in a form. Although, you may achieve that by using the multiple attribute in the <select> tag of HTML, however,…
Demos and Full Guide
jQuery upload: How to upload files by a jQuery plug-in
The jQuery file upload plug-in In this tutorial, I am going to share a nice plug-in for uploading files that uses a jQuery. If you are using jQuery and your project is based on Bootstrap then it is really a…
Demos and Full Guide
HTML textarea resize: How to disable with 3 demos
How to disable textarea resizing You may use the resize: none property to disable resizing of a textarea in a web browser. Generally, the textarea can be stretched to expand that may affect different sections of a webpage. By using…
Demos and Full Guide