Advanced HTML Editing
"emailing the results"
In order to edit your html so the graded quiz can be sent to you via email you will need to make the following adjustments to the html that the quiz creator generated.
Original created by the quiz creator:
|
</head> |
After editing:
|
</head> <P><form
ACTION="mailto:jsmith@hotmail.com?subject=First
Quiz" METHOD=POST name="quiz"
enctype="text/plain"> |
Effect: The ACTION of a form is what takes place when a submit button is clicked on the form. (We will add the submit button later) When the button is clicked the graded quiz will be returned to the email address jsmith@hotmail.com (substitute your email for this one), with a subject First Quiz (substitute your subject in). the last command enctype="text/plain" formats the form into a readable format. If you do not include enctype="text/plain" the email will be hard to read.
Add the submit button:
Original created by the quiz
creator: <input type="button" value="Get score"
onClick="getScore(this.form)">
After editing: Add lines 4 and 5 below to put a spot for them to
enter their name (4) and the actual submit button (5)
<input type="reset" value="Clear"><p>
Score = <input type=text size=15
name="percentage"><br>
</form>
</body>
</html>
<input type="button" value="Get score"
onClick="getScore(this.form)">
Save the HTML file.
<input type="reset" value="Clear"><p>
Score = <input type=text size=15
name="percentage"><br>
<INPUT TYPE=text NAME=First VALUE=""
SIZE=30></P>
<P><INPUT TYPE=submit NAME=Submit
VALUE="Submit">
</form>
</body>
</html>
|
|
|
|
|
|
|
|
|
|
|