OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <meta charset="utf-8" /> | 4 <meta charset="utf-8" /> |
5 <title>HTML Test: input with dir=auto, start with L</title> | 5 <title>HTML Test: input with dir=auto, start with L</title> |
6 <link rel="match" href="dir_auto-input-L-ref.html" /> | 6 <link rel="match" href="dir_auto-input-L-ref.html" /> |
7 <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouch
e@google.com" /> | 7 <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouch
e@google.com" /> |
8 <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com" /> | 8 <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com" /> |
9 <link rel="author" title="Shai Berger" href="mailto:shai@platonix.com" /> | 9 <link rel="author" title="Shai Berger" href="mailto:shai@platonix.com" /> |
10 <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googleg
roups.com" /> | 10 <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googleg
roups.com" /> |
(...skipping 14 matching lines...) Expand all Loading... |
25 border: medium solid gray; | 25 border: medium solid gray; |
26 width: 400px; | 26 width: 400px; |
27 margin: 20px; | 27 margin: 20px; |
28 } | 28 } |
29 .comments { | 29 .comments { |
30 display: none; | 30 display: none; |
31 } | 31 } |
32 </style> | 32 </style> |
33 </head> | 33 </head> |
34 <body> | 34 <body> |
35 <div class="instructions" style="display:none"><p>Test passes if the two box
es below look exactly the same.</p></div> | 35 <div class="instructions"><p>Test passes if the two boxes below look exactly
the same.</p></div> |
36 <div class="comments"> | 36 <div class="comments"> |
37 Key to entities used below: | 37 Key to entities used below: |
38 א - The Hebrew letter Alef (strongly RTL). | 38 א - The Hebrew letter Alef (strongly RTL). |
39 ב - The Hebrew letter Bet (strongly RTL). | 39 ב - The Hebrew letter Bet (strongly RTL). |
40 ג - The Hebrew letter Gimel (strongly RTL). | 40 ג - The Hebrew letter Gimel (strongly RTL). |
41 </div> | 41 </div> |
42 <div class="test"> | 42 <div class="test"> |
43 <div dir="ltr"> | 43 <div dir="ltr"> |
44 <input type="text" dir="ltr" value="ABCאבג." /> | 44 <input type="text" dir="ltr" value="ABCאבג." /> |
45 </div> | 45 </div> |
46 <div dir="rtl"> | 46 <div dir="rtl"> |
47 <input type="text" dir="ltr" value="ABCאבג." /> | 47 <input type="text" dir="ltr" value="ABCאבג." /> |
48 </div> | 48 </div> |
49 </div> | 49 </div> |
50 <div class="ref"> | 50 <div class="ref"> |
51 <div dir="ltr"> | 51 <div dir="ltr"> |
52 <input type="text" dir="ltr" value="ABCאבג." /> | 52 <input type="text" dir="ltr" value="ABCאבג." /> |
53 </div> | 53 </div> |
54 <div dir="rtl"> | 54 <div dir="rtl"> |
55 <input type="text" dir="ltr" value="ABCאבג." /> | 55 <input type="text" dir="ltr" value="ABCאבג." /> |
56 </div> | 56 </div> |
57 </div> | 57 </div> |
58 </body> | 58 </body> |
59 </html> | 59 </html> |
OLD | NEW |