CSE383 HTMLCSSForms1 Solved

1.  create a directory cse383/forms1

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

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

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

5.  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.

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

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

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

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

1.  label ­ My favorite colors are:

2.  Label = Bright, value = bright

3.  Label = Blues, value = blue

4.  Label = Reds, value = red

5.  Label = Dark colors, value = darks

6.  Label = Eclectic, value = eclectic

7.  Label = Other, value = other

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

1.  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.

2.  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.

8.  It must pass the w3c validation tests.