Script & Form ElementsAdd a script element to the document head that loads the cg_script.js file.Scroll down to the section element and insert a web form element that employs the action athttp://www.example.com/cg/register via the post method.Add the labels and input boxes shown previously in the figure in the Introduction step and described in the figure below. Place the input boxes directly after the labels and associate each label with its input box control. You do not need to enclose the label and inputelements with div elements.(To view a larger version of the image, right click it and select "View in a New Tab")Data ListCreate a data list named titleListcontaining the suggestions: Mr., Mrs., Ms., Prof., Dr., Assist. Prof., and Assoc. Prof. Apply the titleList data list to the titleBox control.RegexApply the regular expression pattern ^\d{10}$|^(\(\d{3}\)\s*)?\d{3}[\s-]?\d{4}$to the phoneNumber field. Apply the regular expression pattern ^acgip\-\d{6}$to the acgipID field. (Note: You can copy the regular expression code for the phoneNumber field from the cg_regex.txt file.)Selection ListAdd the Registration Category label associated with the regList control. Add a selection list with the ID regList that stores values in the registerType field. Populate the selection list with the option text: “ACGIP Member ($695)”, “Non-Member ($795)”, “Student ($310)”, “Poster ($95)”, and “Guest ($35)”. Make the corresponding option values equal to “member”, “nonmember”, “student”, “poster”, and “guest”.Submit ButtonWithin the form, add a paragraph containing a submit button with the text continue.InstructionsComplete the Script & Form Elements step described above.Complete the Data List step described above.Complete the Regex step described above.Complete the Selection List step described above.Complete the Submit Button step described above.Return to the cg_validate.css file to create styles for validating data entry.Validation Style RuleWithin the Validation Style section, add the following style rules:Display all input, select, and textarea elements that have the focus with a background color of rgb(245, 245, 140).When the fnBox, lnBox, addBox, mailBox, phoneBox, and idBox controls have the focus and are valid, change the background color to rgb(220, 255, 220) and display the cg_valid.png image with no tiling in the right side of the background contained within the box.When the fnBox, lnBox, addBox, mailBox, phoneBox, and idBox controls have the focus and are not valid, change the background color to rgb(255, 232, 232) and display the image cg_invalid.png with no tiling in the right side of the background contained within the box.CSS StylesIntroductionHTML ElementsCSS StylesWrapping UpNext Step