Long description

Back

The browser window has a tab titled Chapter 5. The address bar reads, form dot h t m l. The browser window consists of a level-1 heading, two level-2 headings, and two textboxes. The level-1 heading that reads, "Details" is placed at the top of the browser window. The form content from the top to bottom is as follows: An empty textbox labeled Title is shown below the level-1 heading. The second textbox labeled Country with a dropdown list having the following items is shown below the first textbox. The dropdown list has a placeholder value that reads, Choose a country. The values in the dropdown list are Canada, Finland, and United Stated. A button labeled "Submit" is placed at the left of the dropdown list.

The block of code is at the right side of the browser window and reads as follows: Line 1: open angle bracket form method equals open double quotes post close double quotes action equals open double quotes process dot php close double quotes close angle bracket at indentation level 0. Line 2: open angle bracket fieldset close angle bracket at indentation level 1. An arrow from line 2 points to the block that contains the Details of the form. Line 3: open angle bracket legend close angle bracket Details open angle bracket forward slash legend close angle bracket at indentation level 2. An arrow from open angle bracket legend close angle bracket open bracket forward slash legend open angle bracket forward slash legend close angle bracket points to the label Details. Line 4: open angle bracket p close angle bracket at indentation level 2. Line 5: open angle bracket label close angle bracket Title colon open angle bracket forward slash label close angle bracket at indentation level 3. An arrow from line 5 points to the label Title placed beside the first textbox. Line 6: open angle bracket input type equals open double quotes text close double quotes name equals open double quotes title close double quotes forward slash close angle bracket at indentation level 3. An arrow from line 6 points to the first textbox labeled title. Line 7: open angle bracket forward slash p close angle bracket at indentation level 2. Line 8: open angle bracket p close angle bracket at indentation level 2. Line 9: open angle bracket label close angle bracket Country colon open angle bracket forward slash label close angle bracket at indentation level 3. Line 10: open angle bracket select name equals open double quotes where close double quotes close angle bracket at indentation level 3. An arrow from line 10 points to the second textbox that contains the dropdown list. Line 11: open angle bracket option close angle bracket Choose a country open angle bracket forward slash option close angle bracket at indentation level 5. Line 12: open angle bracket option close angle bracket Canada open angle bracket forward slash option close angle bracket at indentation level 5. Line 13: open angle bracket option close angle bracket Finland open angle bracket forward slash option close angle bracket at indentation level 5. Line 14: open angle bracket option close angle bracket United States open angle bracket forward slash option close angle bracket at indentation level 5. An arrow from line 11 to 14 points to the items of the dropdown list. Line 15: open angle bracket forward slash select close angle bracket at indentation level 4. Line 16: open angle bracket forward slash p close angle bracket at indentation level 2. Line 17: open angle bracket input type equals double quotes submit double quotes forward slash close angle bracket at indentation level 2. An arrow from Line 17 to the Submit button. Line 18: open angle bracket forward slash fieldset close angle bracket at indentation level 1. Line 19: open angle bracket forward slash form close angle bracket at indentation level 0.

Back