Find the range of forms; form input fields like HTML select dropdowns, file upload, search boxes, form validation script, checkboxes and much more based on simple, Bootstrap and custom CSS styles.
A number of tutorials/plug-ins use the jQuery functionality.
The registration / Create account form and Bootstrap In other tutorials of Bootstrap series, I showed how you may create Bootstrap based forms by using built-in classes. The demos included simple form along with custom CSS to style with your own color scheme. I also used icon classes in the form control in demos. In … Read more
In certain situations, you need to present the selectable information to users in dropdowns which is categorized.
By using a jQuery plug-in, you may create this list-view with multiple selection options quite easily. Learn how in this tutorial.
In this tutorial, a jQuery plug-in is used to convert a simple HTML checkbox into the beautiful switch by using jQuery and CSS.
The formAnimation plug-in is a light-weight plug-in based on jQuery that can be used for showing cool animations for web forms upon invalid submission.
In this tutorial, I am going to show you another plug-in related to HTML select but with editable options. This nice and simple jQuery-based plugin allows adding new options on the fly.
The Bootstrap markdown editor As you work with Bootstrap framework, chances are you may need your users providing a text editor with certain features like heading options, typical italic, bold options, and that also enables uploading the images. As such, the Bootstrap is relatively a new web framework. In spite of many built-in features, many … Read more
The Bootstrap form builders Although, creating Bootstrap based forms in your web projects is the matter of using a few built-in classes. Whether you want to add textboxes, dropdowns, textarea, checkbox or radio buttons; you may use simple HTML tags with Bootstrap frameworks’ CSS classes and form is ready to use with beautiful styles and … Read more
The select tag in HTML is used to create a dropdown that enables users to select an option from the pre-defined set of values.
I will also explain how you may style checkboxes by CSS and a plug-in and how you may use the checkbox value after the form is submitted, so keep reading!
In this tutorial, I will show you how to use a Bootstrap or HTML form to submit data via jQuery $post method without refreshing the web page.
The input type file Among the other input types like text, password, etc. the file input type allows the creation of a form element that enables users to select a file to upload in the Bootstrap framework, which is basically an HTML tag. This is just a matter of specifying the HTML tag: <input type … Read more
The jQuery has handy methods to work with Ajax quite simply and easily. The methods include $.ajax, $.post, $.get, $.load, etc.
Bootstrap buttons can be created by using the main class btn followed by its style and size optional classes.
By adding the form-control class in the textarea tag, you may create a multiline textarea with Bootstrap.