Individual form controls automatically receive some global styling with .form-control
class that are set to 100% width by default.
Create taller or shorter form controls that match button sizes.
Extend form controls by adding text or buttons before, after, or on both sides of any text-based input.
Select2 gives you a customizable select box with support for searching, tagging, remote data sets, infinite scrolling, and many other highly used options.
Below is declared with the multiple attribute with maxSelectionLength
in the select2 options.
Select2 allows you to hide the search box depending on the number of options which are displayed by using the value Infinity to the search box.
Select2 can be used to quickly set up fields used for tagging.
A simple component to select color in the same way you select color in Adobe Photoshop.
The datepicker is tied to a standard form input field. Click on the input to open an interactive calendar in a small overlay. If a date is chosen, feedback is shown as the input's value.
Set widths by wrapping inputs using column sizes.
Includes validation styles for error, warning, and success states on form controls.
Form control which supports multiple lines of text. Change rows attribute as necessary.
Buttons in input groups are a bit different and require one extra level of nesting.
A lightweight jQuery plugin that creates easily-styleable toggle buttons.
An enhanced version of some of the html form elements written in less and compiled in css.
Input masks allows a user to more easily enter fixed width input where you would like them to enter the data in a certain format (dates,phones, etc).
Easily select a time for a text input using your mouse or keyboards arrow keys.
DropzoneJS is an open source library that provides drag'n'drop file uploads with image previews. http://dropzonejs.com/
This is just a demo. Uploaded files are not stored. This does not handle your file uploads on the server. You have to implement the code to receive and store the file yourself.