10‑17 In Class Assignment Solution

Starting with this form (http://ceclnx01.cec.miamioh.edu/~campbest/cse383/forms1/index.html) , modify it as follows:




create a directory cse383/forms1



copy over the starting form and any necessary css.. to to inside this directory.



Modify the page so the H1 tag now contains your name and the assignment name.



Modify the form so the action is to call /~campbest/cse383/forms1/form­inclass.php



Look at the code. I have added a submit handler that will not allow the form to submit if the default value in the user field is present.



How do I get the error page to hide and show? (hint: look at the style information in the head)



Add the following form fields, each in their own div class="form ­group"



Add a TEXT field called car and provide appropriate labels...



Add a DROPDOWN field called color that has the following label and colors



label ­ My favorite colors are:



Label = Bright, value = bright



Label = Blues, value = blue



Label = Reds, value = red



Label = Dark colors, value = darks



Label = Eclectic, value = eclectic



Label = Other, value = other



Add a div between the end of the div holding the form and the div class="container­fluid".



In this new div, use javascript and a loop to create 10 copies of the string "Hello world" where each string is in a different, random color.



In the above div created in step 6, Create a new div that uses javascript and a loop to create a random string of 20 characters.



It must pass the w3c validation tests.



Submit a link to this html page here.