A pure CSS implementation of the float label pattern that moves the placeholder to the top of the input field while typing. Inspired by Gmail login page.
A CSS extension that lets you create Bootstrap 4 form controls with floating labels via the :placeholder-shown pseudo-element.
Yet another pure CSS implementation of the ‘Float Label pattern that floats the label up above the form field when the user starts entering a value.
A pure CSS / CSS3 approach to building nice floating form labels using sibling selectors and pseudo classes.
A pure CSS/CSS3 solution to create floating placeholder labels for input fields, which based on the concept from Matt D. Smith.
CSS/CSS3 (SASS) based animated text labels floating above the input text field when the user starts typing, following the famous Float Label Pattern.