Scribd
Upload
9 views3 pages

HTML Form Creation Guide

The document provides instructions for creating three separate Dynamic Web Projects: ShawlProject, SurveyProject, and CarLoanProject. Each project requires the creation of an HTML file with specific titles, headings, and form elements including labels, input fields, and buttons. The final step for all projects is to test the created pages in a web browser.

Uploaded by

2023268792
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
9 views3 pages

HTML Form Creation Guide

The document provides instructions for creating three separate Dynamic Web Projects: ShawlProject, SurveyProject, and CarLoanProject. Each project requires the creation of an HTML file with specific titles, headings, and form elements including labels, input fields, and buttons. The final step for all projects is to test the created pages in a web browser.

Uploaded by

2023268792
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

CSC584 ENTERPRISE PROGRAMMING

HTML

Question 1

Figure 1: Add Shawl page

Instruction
1. Create a new Dynamic Web Project and name it ShawlProject.

2. Then, create a new HTML file under webapp folder and name it [Link]

3. Within the head section of the document do the following:


• Set the page title to “Add Shawl”.
4. Within the body section, enter the text “Add Shawl”. Set it as <h1> heading.

5. Within the body section, insert the following form element:


<form action="" method="get">
</form>
6. Add the following within the <form> element as shown in Figure 1:
• Labels and input elements
• Submit and reset button
7. Test the page on your browser.

Prepared by Fadilah Ezlina Shahbudin/UiTM KJM


CSC584 ENTERPRISE PROGRAMMING
HTML

Question 2

Figure 2: Survey page

Instruction
1. Create a new Dynamic Web Project and name it SurveyProject.

2. Then, create a new HTML file under webapp folder and name it [Link]

3. Within the head section of the document do the following:


• Set the page title to “Blood Donation Survey”.
4. Within the body section, enter the text “Blood Donation Survey”. Set it as <h1> heading.

5. Within the body section, insert the following form element:


<form action="" method="get">
</form>
6. Add the following within the <form> element as shown in Figure 2:
• Labels and input elements
• Submit and reset button
7. Test the page on your browser.

Prepared by Fadilah Ezlina Shahbudin/UiTM KJM


CSC584 ENTERPRISE PROGRAMMING
HTML

Question 3

Figure 3: Car Loan Calculator page

Instruction
1. Create a new Dynamic Web Project and name it CarLoanProject.

2. Then, create a new HTML file under webapp folder and name it [Link]

3. Within the head section of the document do the following:


• Set the page title to “Car Loan Calculator”.
4. Within the body section, enter the text “Car Loan Calculator”. Set it as <h1> heading.

5. Within the body section, insert the following form element:


<form action="" method="get">
</form>
6. Add the following within the <form> element as shown in Figure 2:
• Labels and input elements
• Submit and reset button
7. Test the page on your browser.

Prepared by Fadilah Ezlina Shahbudin/UiTM KJM

You might also like