title: Setting an empty value for a text input
body: <p>I have the following JS :</p>
  
  <pre><code>document.getElementById('sketchpad-post').setAttribute('value','')
  </code></pre>
  
  <p>The HTML input is as follow:</p>
  
  <pre><code>&lt;input type="text" id="sketchpad-post" autocomplete="off" value="" placeholder="Message"/&gt;
  </code></pre>
  
  <p>If the second argument of the setAttribute function is an empty string, like in the example above, it doesn’t work : it doesn’t empty the text field (the text field has a previously set value).</p>
  
  <p>Now if the second argument is a non-empty string, then, it works : it sets my text field to the provided value.</p>
  
  <p>I find this behavior particulary strange…</p>
  
  <p>I tried to enforce autocomplete="off" (and even autocomplete="flu") doing a setAttribute and also to do a removeAttribute('value') but I still cannot manage to have this field blank when the user display it.</p>
  
  <p>As a workaround I can set the value to a kind of placeholder like '…' or whatever other character (an non-breakable space maybe?) but it’s not very nice.</p>
  
  <p>I have this behavior in both latest Chrome (Chromium) and Firefox.</p>
  
  <p>Any idea ?</p>