Pure CSS Float Labels

Float Labels for Bootstrap4 (with support for <input>, <select>, <textarea> and Select2)

Features

• Pure CSS only Float Labels
• Support for <input>, <select> and <textarea> elements
• Support for [disabled] and [readonly] attributes
• Support for Select2 (with some JS needed to be added)
• Error handling for missing needed tags and attributes

TODO

• get <textarea> elements working
• create demo site
• get normal <select> elements working 100%
• error handling for Select2 missing 'placeholder' attribute or 'label' tag
• support for clearing the Select2 value using jQuery (doesn't trigger change event this way)

Original Float Label pattern creator: https://dribbble.com/shots/1254439--GIF-Float-Label-Form-Interaction