267459-1.html (1060B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Test unicode-bidi in form controls</title> 5 <meta http-equiv="Content-type" content="text/html; charset=utf-8"> 6 <style type="text/css"> 7 .reversed { 8 direction: rtl; 9 unicode-bidi: bidi-override; 10 } 11 </style> 12 </head> 13 <body> 14 <p class="reversed">This paragraph should appear backwards</p> 15 <p> 16 <textarea class="reversed" rows="3" cols="80" style="resize:none">This textarea should appear backwards</textarea><br> 17 <input class="reversed" type="text" size="80" value="This input should appear backwards"><br> 18 <input class="reversed" type="button" value="This button should appear backwards"><br> 19 <select size="6" class="reversed"> 20 <option selected class="reversed">This</option> 21 <optgroup class="reversed" label="select"> 22 <option class="reversed">should</option> 23 <option class="reversed">appear</option> 24 </optgroup> 25 <optgroup class="reversed" label="backwards"> 26 <option class="reversed">throughout</option> 27 </optgroup> 28 </select><br> 29 </body> 30 </html>