Long description

Set 1: Five lines of H T M L code are at the top right of the figure. Line 1: open angle bracket select name equals open double quotes choices close double quotes close angle bracket. Line 2: open angle bracket option close angle bracket First open angle bracket forward slash option close angle bracket. Line 3: open angle bracket option selected close angle bracket Second open angle bracket forward slash option close angle bracket. Line 4: open angle bracket option close angle bracket Third open angle bracket forward slash option close angle bracket. Line 5: open angle bracket forward slash select close angle bracket. The corresponding output to the H T M L code is as follows: A textbox with a dropdown menu labeled Select: at the left has the value Second. Another textbox with a dropdown menu labeled Select: at the left with the values Second, First, Second, and Third is placed below the first dropdown menu. Second that appears second in the dropdown menu is highlighted in blue.

Set 2: 1 line of H T M L code is placed below set 1. Line 1: open angle bracket select size equals open double quotes 3 close double quotes ellipsis close angle bracket. The corresponding output to the H T M L code is as follows: A textbox with a dropdown menu labeled Select: at the left has the values First, Second, Third, and Fourth. Second is highlighted in grey.

Set 3: 11 lines of H T M L code are placed below set 2. Line 1: open angle bracket select ellipsis close angle bracket. Line 2: open angle bracket optgroup label equals open double quotes North America close double quotes close angle bracket. Line 3: open angle bracket option close angle bracket Calgary open angle bracket forward slash option close angle bracket. Line 4: open angle bracket option close angle bracket Los Angeles open angle bracket forward slash option close angle bracket. Line 5: open angle bracket forward slash optgroup close angle bracket. Line 6: open angle bracket optgroup label equals open double quotes Europe close double quotes close angle bracket. Line 7: open angle bracket option close angle bracket London open angle bracket forward slash option close angle bracket. Line 8: open angle bracket option close angle bracket Paris open angle bracket forward slash option close angle bracket. Line 9: open angle bracket option close angle bracket Prague open angle bracket forward slash option close angle bracket. Line 10: open angle bracket forward slash optgroup close angle bracket. Line 11: open angle bracket forward slash select close angle bracket. The corresponding output to the H T M L code is as follows: A textbox with a dropdown menu labeled Cities: at the left has the values London, North America, Calgary, Los Angeles, Europe, London, Paris, Prague. North America and Europe are written in bold and the second appearance of London is highlighted in blue.