Go to: https://mdbootstrap.com/angular/components/inputs/ and scroll down to
"Prefilling Text Inputs" When you remove the text "John Doe" which is 
prefilled in the input field the label "Example label" floats down to the
position where the text "John Doe" stood. Underneath the input field there is
the code which was used for this "Prefilled Input Field" but when I take this
code and add it to my own file the label "Example label" doesn't float down to
where "John Doe" stood! why? maybe the wrong source code is displayed on the 
website? Could somebody please help me here? :)

https://imagebin.ca/v/3WOnLPZDodzU <-Input field + Code displayed on the
mdbootsrap.com/angular/components/inputs/ website.

https://imagebin.ca/v/3WOtsyz4QXS7 <-Code from the "mdbootstrap.com" website +
the input field where I removed the prefilled text "John Doe", the label 
"Example label" didn't float down.