CPSI 20023, HW10, due M Nov. 9, 2026

Directions: Please provide the code for questions that involve coding. Send to CPSI20023@gmail.com.

1. Consider the W3schools "HTML Forms" exercises page. Do the three exercises and hand in the answers you used.

2. In your own words, for an html form’s submit input type, what does the name attribute do? The value attribute? Write your answer by hand on a piece of paper and hand in a screen shot of the paper.

3. In your own words, writing by hand on a piece of paper (may be the same piece of paper as for the previous question) 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”). On a sheet of paper, write down the comments you would recommend adding to the source code as fill-ins for the blank comment 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 .)
Hand in a photo of the paper. IMPORTANT: it is okay if your comments are not 100% accurate, as we are not looking for that, in this exercise. Just do your best to think them through and give your best answer. The point is for you to exercise your thought processes, not primarily to get the answer 100% correct. That is a better strategy than just asking an AI to give them to you and then copying them down, because no learning would take place even if the AI was correct in its answers, which it isn't always.

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.

13. Demonstrate 10 different form input attributes from the HTML Input Attributes lesson.