<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>dir="auto" and inputs</title>
  </head>
  <body>
    <p>The next three lines should be left-to-right:</p>
    <div dir="ltr"><input value="abcdefghi"> is left-to-right.</div>
    <div dir="ltr"><input value="ابتثجحخدذ"> is right-to-left.</div>
    <div dir="ltr"><input value="!()*;<=>?"> is neutral.</div>
    <p dir="rtl">The next three lines should be right-to-left:</p>
    <div dir="rtl"><input value="abcdefghi"> שמאל-ימין.</div>
    <div dir="rtl"><input value="ابتثجحخدذ"> ימין-שמאל.</div>
    <div dir="rtl"><input value="!()*;<=>?"> נייטראלי.</div>
  </body>
</html>