title: Right to left text not working in the "value" and "placeholder" attributes
body: <p>only inside the placeholder and value attributes my text doesn't work, in other places it does, here's my markup: </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;form method="post" action="#" dir="rtl"&gt;
    &lt;textarea name="question" placeholder="پرسیار"&gt;&lt;/textarea&gt;
    &lt;input type="text" name="firstChoice" placeholder="وه‌ڵامی یه‌كه‌م"/&gt;
    &lt;input type="text" name="secondChoice" placeholder="وه‌ڵامی دووه‌م"/&gt;
    &lt;input type="text" name="thirdChoice" placeholder="وه‌ڵامی سێیه‌م"/&gt;
    &lt;input type="text" name="fourthChoice" placeholder="وه‌ڵامی چواره‌م"/&gt;
    &lt;input type="submit" name="submitQuestion" value="داخڵبكه‌" style="width:52.4%;cursor:pointer;"/&gt;
  &lt;/form&gt;</code></pre>
  </div>
  </div>
  </p>