1 <html> 2 <head> 3 <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=UTF-8"> 4 <title> 5 Test the popup list box's width and its items' display directionality 6 </title> 7 </head> 8 <body> 9 <p> 10 Autofill popup list box should have the same width as its input field's width. 11 If the submitted input text is longer, it will be truncated to fit in the 12 input field's width 13 <p> Try type some long text in the "Last name" input box, 14 Say "abcd abcd abcd abcd abcd abcd". 15 then click "Submit". Open the file again, and type the first letter "a", 16 the form autofill pop-up should show up now with the width the same as 17 the width of the input field, and the text "abcd abcd abcd abcd abcd abcd" got 18 truncated to fit in. 19 <p> Try type the following text into the "First name" and "Last name". 20 <ul> 21 <li>abcd efg 22 <li> 23 <li>abc defghijklmnopq 24 <li> abcdefghijklmn 25 <li>hi! 26 <li>! 27 </ul> 28 They should be displayed as RTL in the popup of "First name", 29 and should be displayed as LTR in the popup of the "Last name". 30 <br> 31 <form action="form_action.asp" method="get"> 32 First name: <input type="text" name="fname" dir="rtl"/><br /> 33 Last name: <input type="text" name="lname" /><br /> 34 <input type="submit" value="Submit" /> 35 </form> 36 </body> 37 </html> 38
