Unit 3 Quiz: Forms and User Input Handling

1

Which attribute specifies where form data should be sent when the form is submitted?

Theory

method

action

target

enctype

2

What is the main difference between GET and POST methods?

Theory

GET is faster than POST

GET sends data in the URL, POST sends data in the request body

GET is more secure than POST

There is no difference

3

Which input type should be used for password fields?

Basic

4

How do you access the value of an input field with ID "username" using JavaScript?

Code

document.getElementById("username").innerHTML

document.getElementById("username").value

document.querySelector("username").text

document.getElement("username").value

5

Which HTML5 attribute makes a form field required?

Basic

mandatory

required

validate

necessary

6

Which of the following are valid input types in HTML5? (Select all that apply)

Multiple

email

date

phone

range

7

What event should you listen for to handle form submission?

Code

click

submit

send

post

8

Which method prevents the default form submission behavior?

Code

event.stopPropagation()

event.preventDefault()

event.stopDefault()

event.cancel()

9

What is the correct way to group radio buttons so only one can be selected?

Basic

Give them the same ID

Give them the same name attribute

Use the same class

Put them in the same form

10

Which validation attribute limits the maximum number of characters in an input field?

Theory

maxlength

max

length

limit

11

Analyze this code snippet. What will happen when the form is submitted?

Code

<form id="myForm">
  <input type="text" name="username" required>
  <button type="submit">Submit</button>
</form>

<script>
document.getElementById('myForm').addEventListener('submit', function(e) {
  e.preventDefault();
  console.log('Form submitted');
});
</script>
                

The page will refresh and show validation errors

HTML5 validation will run, then preventDefault will stop submission

The form will submit normally to the server

Nothing will happen

12

What enctype should be used for forms that upload files?

Theory

application/x-www-form-urlencoded

multipart/form-data

text/plain

application/json

13

Which event fires every time a user types in an input field?

Code

change

input

keyup

focus

14

What is the purpose of the pattern attribute in HTML5?

Theory

To define a regular expression for input validation

To set a placeholder text

To format the display of input values

To define input suggestions

15

Which of the following are best practices for form security? (Select all that apply)

Multiple

Always validate on the server-side

Sanitize user input to prevent XSS

Only use client-side validation for security

Use HTTPS for sensitive data

16

How do you collect all checkbox values with the same name using JavaScript?

Code

document.getElementById('checkboxName').value

document.querySelectorAll('input[name="checkboxName"]:checked')

document.getElementsByName('checkboxName').checked

document.querySelector('checkboxName').values

17

What does the FormData constructor allow you to do?

Practical

Only validate form data

Easily collect all form data including files for AJAX submission

Only handle file uploads

Format form data for display

18

Write a JavaScript function that validates if an email address is in the correct format using a regular expression.

Code Writing

19

Why is it important to prevent double form submissions?

Practical

To improve page loading speed

To prevent duplicate data entries and multiple charges

To reduce server storage

To make forms look better

20

Which of the following improve form accessibility? (Select all that apply)

Multiple

Using proper label elements associated with inputs

Adding ARIA attributes for screen readers

Using only placeholder text instead of labels

Ensuring keyboard navigation works properly

Unit 3 Quiz: Forms and User Input Handling

📋 Quiz Instructions:

👤 Student Information

⏰ Quiz Access Restricted

⚠️ Multiple Attempt Warning