IFSC 30003 HW10, due W Nov. 5, 2025
Directions: Please provide the code for questions that involve coding. Send to IFSC30003HW@gmail.com.
1. a. The first exercise at the end of the W3schools "HTML Forms" lesson, which is linked from the lecture schedule in the syllabus. Give what you typed in, or a screen shot.
b. The second exercise at the end of the W3schools "HTML Forms" lesson.
c. The third exercise at the end of the W3schools "HTML Forms" lesson.
d. The first exercise near the end of the "HTML Form Elements" lesson.
e. The second exercise near the end of the "HTML Form Elements" lesson.
f. The third exercise near the end of the "HTML Form Elements" lesson.
2. In your own words, for an html form’s submit input type, what does the name attribute do? The value attribute?
3. In your own words, explain , using the password "z1q7cnb" as an example, how secure the HTML form input type password is.
4. In the previous HW you improved a program by adding colors to it. For this HW, improve it some more by adding a form. Include different kinds/variations of form elements. The page should contain examples of various <input> types and attributes. Then, try making the program do something based on the form. Explain the experience and, if you used AI, discuss the limitations of AI. Also hand in a screen shot of the program running, showing the form. (No need to hand in the full code for this one.)
5. Make the form submit its data to https://www.w3schools.com/action_page.php for processing. It should result in a page displaying something like this:
|
Submitted Form Data Your input was received as: __________________________________________________ firstName=John&lastName=Doe The server has processed your input and returned this answer. Note: This tutorial will not teach you how servers are processing input. Processing input is explained in our PHP tutorial. |
Submit a screen shot showing the code of your form and nearby code.
6. Consider the form and form handler example
at https://dberleant.github.io/IFSC3300/lectureFormProcessingExample.html
that was discussed in class. Get the source code from the "View page
source" functionality of your web browser (on Chrome, right click on the
page, then click on “View page source”). Add comments to it by filling in the
blank comments numbers 1 through 23
(not all the way through to comment 32 like in the earlier version Chegg pirated from me).
Note that the first few comments are HTML comments,
not JavaScript comments, and are bracketed according
to <!- this is an HTML comment>.)
IMPORTANT: Send this in the body of your email. In particular,
do not submit as a link to a google drive document, because your comments will not show if someone clicks the link (they would have to
remember to download the document and then load it into an editor.
Do not do the questions below from previous semesters.
6. For this question, do not submit a sandbox link (because the w3schools sandbox environment doesn’t handle it right). Instead, put the answers directly into the body of your email. Modify the page at https://dberleant.github.io/IFSC3300/lectureFormProcessingExample.html. Make the form have, not two inputs as it currently has, but three. Call the new one "middle name". Modify the form processing to handle the three things instead of two as it does currently. Work directly with a browser and an HTML file, not a w3schools sandbox.
7. Capture the output of a form in your own page, extract from it, and show that it worked. Hint: if the form’s “action=” is left out or given no value, the form output will be sent to the current page (which will be reloaded). See the example we discussed in class, called “HTML form demo & exercise” in the syllabus.
8. Exercise 1 at end of lesson HTML Input Types.
9. Exercise 2 at end of lesson HTML Input Types.
10. Exercise 3 at end of lesson HTML Input Types.
11. Exercise 4 at end of lesson HTML Input Types.
12. Exercise 5 at end of lesson HTML Input Types.
13. Demonstrate 10 different form input attributes from the HTML Input Attributes lesson.