dir_auto-textarea-mixed-ref.html (1215B)
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="test"> 28 <div dir="ltr"> 29 <textarea rows="5" dir="rtl"> 30 !123@ 31 !123@ 32 !123@ 33 !123@ 34 </textarea> 35 </div> 36 <div dir="rtl"> 37 <textarea rows="5" dir="ltr"> 38 @123! 39 @123! 40 @123! 41 @123! 42 </textarea> 43 </div> 44 </div> 45 <div class="ref"> 46 <div dir="ltr"> 47 <textarea rows="5" dir="rtl"> 48 !123@ 49 !123@ 50 !123@ 51 !123@ 52 </textarea> 53 </div> 54 <div dir="rtl"> 55 <textarea rows="5" dir="ltr"> 56 @123! 57 @123! 58 @123! 59 @123! 60 </textarea> 61 </div> 62 </div> 63 </body> 64 </html>