- Create A Form To Register The User To Get His Her Covid 19 Vaccine A Covid 19 Vaccination Form Please Provide Your Infor 1 (37.84 KiB) Viewed 29 times
To complete this task, do the following steps: 1. Use your text editor to create a new file. Save your file as VaccineForm.html, 2. The title of the page should be Vaccine Form. Also add an HTML comment in the <head> section that identifies you as the author of the page. 3. After the <body> tag, create a level 2 heading as shown in the figure above. Below the heading, enter the description of the purpose of the form in a paragraph. 4. Begin your form. The form name should be survey. Specify the action and the method attributes with their default values. 5. As you code your form, keep in mind that it is good practice to specify a name and the id for some input types to ensure compatibility across browsers. Also keep in mind that you may want to use <br /> tags and other formatting tags to improve the layout and readability of your form. 6. You will use a table to layout the form on the page. a. Create a table that is six rows by two columns. b. Give the table cellpadding of 15 and cellspacing of 5. c. Set the width of the entire table to 60% of the browser window. 7. In the first row, create text boxes for First Name and Last Name, placing one text box in each column as shown. Set the size of each text box to 45. 8. In the second row of the table, create radio buttons to allow the user to specify their Gender. Place the label in the left column and the options in the right column. 9. In the third row of the table, create a Dropdown list to allow the user to choose their type of vaccine. a. Place the label in the left column and the list in the right column. b. Specify the list size to 3 so that it shows all choices at once and the Pfizer choice is the default choice. c. The choices are: Pfizer, AstraZeneca, Moderna. 10. In the fourth row of the table, create radio buttons to allow the user to choose which dose is he/she applying for. Place the label in the left column and the options in the right column. 11. In the fifth row, create a textarea box that spans both columns. This area will allow users to comment if they have special needs. Set the dimensions of the text area to 5 rows and 100 columns. 12. In the sixth row create a submit button in the left column and a reset button in the right column. Enter the text of each button as shown. 13.View the VaccineForm.html with your browser.