Welcome to the Working with Form Elements - Part 2 Practice Lab. In this module, you will be provided with the instructions and devices needed to develop your hands-on skills.
The following exam objective is covered in this lab:
3.4 Construct and analyze markup that uses form elements
It will take approximately 20 minutes to complete this lab.
Exercise 1 - Creating HTML Forms
In the previous module, you used various form elements such as textboxes, radio buttons, checkboxes, submit button, and reset buttons to create HTML forms in the website of Smart Learning Solutions.
In this module, you will enhance the new user’s registration page in the company’s website by adding some more user interactive controls. The users will be asked to select their qualification and the courses they would like to pursue.
You will create a new page for the Contact link. This page will provide company’s contact details such as the office address and email id. The users can provide their name, email, contact number, along with an enquiry message on the page. The users can enquire about the various courses offered and other required details.
In this exercise, the first task will be to download the Visual Studio Code workspace from the Intranet and extract it.
In the second task, you will add code to define some more form elements such as
In the third task, you will create a new HTML page named contact.html and link it with Contact in the horizontal navigational bar. In contact.html, you will create a new HTML form using form elements such as textboxes,
After completing this exercise, you will be able to:
Use the form elements in HTML pages
See the full benefits of our immersive learning experience with interactive courses and guided career paths.