| Server IP : 134.29.175.74 / Your IP : 216.73.216.160 Web Server : nginx/1.10.2 System : Windows NT CST-WEBSERVER 10.0 build 19045 (Windows 10) i586 User : Administrator ( 0) PHP Version : 7.1.0 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : C:/nginx/html/JimMartinson/Classes/CST1021/Labs/ |
Upload File : |
Lab 12 - Forms
Grading Criteria
Deductions for any elements required by the lab that are not present or incorrect:
-15 if the CSS Validation Service or Markup Validation Service report errors. No further grading will be done.
-1 for each missing element or like group.
-1 for each incorrect element or like group.
-1 for any additional html elements that have errors.
Do not add any additional code or styling other than what is required by the lab.
I will deduct points for additional code or styling that are or cause problems.
There are some things I expect. If they are incorrect you will lose the following:
Work submitted incorrectly: -2 pts. This covers errors such as incorrect files names, incorrect file formats, poor formatting, etc.
Second and subsequent submission of work for grading: -2 pts.
Work submitted late: -2 pts per week.
I reserve the right not to apply the deduction points at my absolute discretion.
-1 Work submitted incorrectly.
Your Lab12 folder was misnamed `LAB12`.
-1 Work submitted incorrectly.
Your `Lab12.html` file was misnamed `Lab 12 - Ryan Shaw.html`.
I have not deducted a point for this problem until now, but you continue to not follow the lab instructions.
-1.5 Work submitted late.
-1.5 Second and subsequent submission of work for grading.
Lab12.css:
-15 The CSS Validation Service at https://jigsaw.w3.org/css-validator/validator.html.en reported errors.
You really must validate your css before submitting your assignment.
The @charset line must be first.
=e
Lab12.html:
-15 The Markup Validation Service at https://validator.w3.org/ reported errors.
You really must validate your html before submitting your assignment.
=e
Lab12.css:
OK.
-2 No content. It needs the @charset and comment lines at a minimum.
-1 Step 2.1; Line 2; Incorrect comment.
-1 Line 4; Setting the width to 200% forces the browser to show a horizontal scrollbar.
There is no content to the right and this is confusing to the viewer.
-3 Step 2.3; Your labels are not styled to show a blue background color with white text when the checkbox or radio button is checked.
Lab12.html:
3 action https://cst.ridgewater.edu/Tools/FormEcho/?get=URL%20query&ooga=booga method post
2 input type="hidden" name="student" value="First Last"
2 Favorite Passtime input type="text" name="favorite"
3 Gender input type="radio" name="gender" Female, Male, Unknown
3 Days of the week: input type="checkbox" name="M" value="M" +TWHF
2 submit Send data
Step 3.3.1 action
Step 3.3.2 method
-3 Step 3.3.2; You did not set a method of post.
Step 3.3.3 hidden name="student"
-1 Step 3.3.3; Line 15; The hidden input element does not have a name attribute and does not submit a value.
-1 Step 3.3.3; Line 17. The name of the input is incorrect.
It should not have uppercase in the name.
Step 3.3.4 text name="favorite"
-1 Step 3.3.4; Line 16. The name of the input is incorrect.
You have Favorite instead of favorite.
Step 3.3.5 radio buttons name="gender"
-1 Step 3.3.5; Incorrect label tag position.
With the label wrapping the radio button instead of following it, the css rule cannot be applied.
-0 Step 3.3.5; The radio buttons are not in the order I asked for.
-1 Step 3.3.5; Each radio element should only have one label.
You have two defined for female: Gender: and Female.
-3 Step 3.3.5; The radio elements do not all have the same name attribute values.
This makes them separate buttons instead of a group.
-3 Step 3.3.5; The radio elements do not have a name attribute and send no data.
-3 Step 3.3.5; The radio elements do not have a value attribute and send no data.
Nor do they have a value.
-0 Step 3.3.5; With the radio button labels preceding the buttons it is hard to tell which button means what.
It is usual on forms to follow the button with its label. You could also use css to make it clear.
-1 Step 3.3.5; The names of the inputs are incorrect.
They should not have uppercase in the name.
-3 Step 3.3.5; The radio/label pairs are not linked correctly.
Please check for for/id values.
Step 3.3.6 checkboxes
-1 Step 3.3.5; Incorrect label tag position.
With the label wrapping the checkbox instead of following it, the css rule cannot be applied.
-1 Step 3.3.6; Each checkbox element should only have one label.
You have two defined for n: Days of the week: and M.
-3 Step 3.3.6; You used radio elements, not checkbox elements as required.
Nor do they have a name or value.
-3 Step 3.3.6; Your checkbox elements have incorrect names and values.
-3 Step 3.3.6; Your checkbox elements have incorrect names.
They also do not have a value attribute and send no data.
-0 Step 3.3.5; It is usual on forms to follow the checkbox with its label.
-3 Step 3.3.5; Incorrect label for attribute values.
All of your chackbox labels are for the M ckeckbox.
Clicking on any of the labels checks the M ckeckbox.
Step 3.4 submit
-1 Step 3.4; Line 51; The value of your submit is incorrect.
-1 Step 3.4; Line 55; The input should not have a name and send no data.
-0 Step 3.4; Line 51;Line 17; This label does not need a for attribute. It has no element to be linked to.
-5 Your form does not submit. This is because your input type="submit" is on a form with no action.
You actually have four form elements in your html. There should be only one.
The form should start before any form elements and end only after the last form element.
-2 Step 3.3.1; Line 11; The form tag has an incorrect action value.
-2 Step 3.3.2; Line 11; The form tag is missing the method attribute and value.
-1 Step 3.3.3; Line 17; input element has incorrect type.
-1 Step 3.3.3; Line 13; input element does not have a name attribute.
-2.5 Step 3.3.6; Lines 30-38; These checkboxes should have the name attribute set to the letter for the day of the week (M-F).
They should also have a value that is also the letter for the day of the week (M-F).
-1 Missing the </body> tag.
-1 Missing the </html> tag.
Good work. Your use of indenting makes your code easy to read and understand.
+1 Your use of indenting makes your code easy to read and understand.
I am giving you back a point for this.