This illustration shows the Web Form Designer.

The Web Form Designer has two sections. The left section displays the Palette (collapased) and the Properties editor (expanded). The right section is the body of the web form. 

The Properties editor has two tabs: Settings (selected) and Style. The Settings tab displays the following free-form text fields, listed top to bottom: Label (with a value of Name), Control Type (drop-down list with a value of Text), Name (with a value of Name), Pattern, Max Length, Error Msg, Hint, Help, (all blank fields) and Placeholder (with a value of Enter First Name, Last Name), and Decorator (drop-down list with a value of Default). 

On the top of the body of the form is the title of the web form (TravelRequestForm) in a gray bar. Below the title is a print icon. 

Below the print icon is the actual body of the form which shows the the following controls with their names, displayed top to bottom:
Text - Name: "Enter First Name, Last Name" appear as embedded text in this field.
Phone - Phone
Email - Email
Money - Travel Amount

The following items are bordered in red, to call attention to them:
Properties title
Settings tab
Placeholder field
Name field