OLD | NEW |
| (Empty) |
1 <!DOCTYPE html> | |
2 <html> | |
3 <head> | |
4 <meta charset="utf-8" /> | |
5 <title>HTML Test: input with dir=auto, start with N+EN+L</title> | |
6 <link rel="match" href="dir_auto-input-N-EN-L-ref.html" /> | |
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" /> | |
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" /> | |
11 <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-dir-attri
bute" /> | |
12 <meta name="assert" content=" | |
13 When dir='auto', the direction of an input element is set according to | |
14 the first strong character of its value. | |
15 In this test, it is the Latin letter A since neutrals and digits are not | |
16 strongly directional, thus the direction must be resolved as LTR." /> | |
17 <style> | |
18 input, textarea { | |
19 font-size:1em; | |
20 } | |
21 body { | |
22 font-size:2em; | |
23 } | |
24 .test, .ref { | |
25 border: medium solid gray; | |
26 width: 400px; | |
27 margin: 20px; | |
28 } | |
29 .comments { | |
30 display: none; | |
31 } | |
32 </style> | |
33 </head> | |
34 <body> | |
35 <div class="instructions"><p>Test passes if the two boxes below look exactly
the same.</p></div> | |
36 <div class="comments"> | |
37 Key to entities used below: | |
38 א - The Hebrew letter Alef (strongly RTL). | |
39 ב - The Hebrew letter Bet (strongly RTL). | |
40 ג - The Hebrew letter Gimel (strongly RTL). | |
41 </div> | |
42 <div class="test"> | |
43 <div dir="ltr"> | |
44 <input type="text" dir="ltr" value=".-=123ABCאבג."
/> | |
45 </div> | |
46 <div dir="rtl"> | |
47 <input type="text" dir="ltr" value=".-=123ABCאבג."
/> | |
48 </div> | |
49 </div> | |
50 <div class="ref"> | |
51 <div dir="ltr"> | |
52 <input type="text" dir="ltr" value=".-=123ABCאבג."
/> | |
53 </div> | |
54 <div dir="rtl"> | |
55 <input type="text" dir="ltr" value=".-=123ABCאבג."
/> | |
56 </div> | |
57 </div> | |
58 </body> | |
59 </html> | |
OLD | NEW |