Modern Web Design with HTML5, CSS3, and JavaScript - Creating a Web Form

The video tutorial guides viewers through creating and styling a contact form using HTML and CSS. It begins with building the form structure, including input fields for name and email, and a submit button. The tutorial then moves on to applying CSS styles to enhance the form's appearance, such as setting margins, padding, and colors. The final section focuses on further improving the form's aesthetics with additional CSS properties like border radius and font size adjustments.

What is the purpose of using a placeholder in an input field?

• To provide a default value

• To give a hint to the user

• To validate the input

• To style the input field

Which input type should be used for collecting email addresses?

• email

• password

• text

• number

What type of button is used to submit a form?

• reset

• button

• submit

• radio

Which CSS property is used to center a form horizontally?

• margin: auto

• text-align: center

• display: block

• padding: 0

How can you ensure that labels in a form are displayed on their own line?

• Set padding to 0

• Set display to inline

• Set display to block

• Set margin to 0

What CSS property is used to make the corners of a form rounded?

• border-width

• border-radius

• margin

• padding

What is the effect of setting the width of an input field to 60%?

• It makes the input field invisible

• It sets the input field to 60 pixels

• It restricts the input field to 60% of its container

• It makes the input field full width