Placeholder position when input has text
<p>How to do placeholder styling when Input Text are focus, the placeholder are still visible and the font-size become smaller. For example like this:</p>

<p><a href="https://i.stack.imgur.com/2HpUK.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2HpUK.png" alt="enter image description here"></a></p>

<p>I only need webkit support. Does webkit support such thing?</p>