dir_auto-textarea-script-N-between-Rs-ref.html (1305B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com" /> 6 <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" /> 7 <style> 8 body, textarea { 9 font-size:18px; 10 text-align:left; 11 } 12 textarea { 13 resize: none; 14 } 15 .test, .ref { 16 border: medium solid gray; 17 width: 400px; 18 margin: 20px; 19 } 20 .comments { 21 display: none; 22 } 23 </style> 24 </head> 25 <body> 26 <div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div> 27 <div class="comments"> 28 Key to entities used below: 29 א - The Hebrew letter Alef (strongly RTL). 30 </div> 31 <div class="test"> 32 <div dir="ltr"> 33 <textarea rows="4" dir="rtl"> 34 א 35 !... 36 א</textarea> 37 </div> 38 <div dir="rtl"> 39 <textarea rows="4" dir="rtl"> 40 א 41 !... 42 א</textarea> 43 </div> 44 </div> 45 <div class="ref"> 46 <div dir="ltr"> 47 <textarea rows="4" dir="rtl"> 48 א 49 !... 50 א</textarea> 51 </div> 52 <div dir="rtl"> 53 <textarea rows="4" dir="rtl"> 54 א 55 !... 56 א</textarea> 57 </div> 58 </div> 59 </body> 60 </html>