This is a great example of material design input field from. The placeholder text transitions to the input field fable on click. Designed by Andrew Tunnecliffe
If you are having trouble with the pen, try the archived copy on GitHub
See the Pen Nice, compliant input boxes by Andrew Tunnecliffe (@atunnecliffe) on CodePen.0