title: HTML CSS Float Label Pattern - Handling Optional Fields
body: <p>I am exploring Float Label pattern for web page using HTML and CSS.
  The code was referred from <em><a href="http://codepen.io/boast/pen/pLjld" rel="nofollow">http://codepen.io/boast/pen/pLjld</a></em></p>
  
  <pre><code>&lt;input type="text" name="title" placeholder="Title required" /&gt;
  </code></pre>
  
  <p>The problem is "required" property is must to have Float Label effect here. Wanted to understand how can we achieve the Float Label effect for Optional Input Fields?</p>