Как сверстать такой input?
1. Анимированный label вместо placeholder'а — https://codepen.io/sivan/pen/alKwf
2. Обычный span (а лучше кнопка) с крестиком внутри, показывать/скрывать можно и без помощи JS — https://codepen.io/peiche/pen/ORRkKw
UPD: учти, что в примерах используется SCSS, если возьмешь за основу - переведи в обычный CSS.
https://codepen.io/sevilayha/pen/IdGKH
ну и в целом materializecss.com/forms.html