[Sep 23, 2026] IT Specialist INF-306 Real Exam Questions and Answers FREE [Q24-Q44]

QUESTION 24
You are creating a dietary request form for an upcoming conference. The form must include the following elements:
* The title ” Conference Registration Form “
* A Name input field for the attendee ‘ s name
* A list of food options the attendee can select by using the mouse or typing Complete the code by moving the appropriate code segments from the list on the left to the correct locations on the right. You may use each code segment once, more than once, or not at all.
Note: You will receive partial credit for each correct response.

QUESTION 25
Review the images on the left.
Complete the statements by selecting the correct option from each drop-down list.
Note: You will receive partial credit for each correct selection.

QUESTION 26
You need to create the layout shown, which defines five content areas:
* Logo and page title
* Menu
* Main content area
* Additional content area
* Copyright and contact information
You define the following classes:

QUESTION 27
You are given the design for an app. The project manager asks you to outline the steps you must take to release and maintain the app.
Move each step from the list on the left to its correct sequence in the application lifecycle on the right.
Note: You will receive partial credit for each correct response.

QUESTION 28
You are creating a form that requires the category to be entered as a two- or three-letter abbreviation. The input is mandatory.
You need to configure the input validation for the form.
Complete the markup by typing into the boxes.
Note: You will receive partial credit for each correct answer.

QUESTION 29
You have created custom error messages for a form. When a user attempts to submit the form with invalid data, the following must occur:
* The data must remain in the form.
* Error messages must be displayed.
Which Event property or method should you use?

QUESTION 30
Review the grid container requirements and mockup on the left. Which markup should you use to define the grid container?

QUESTION 31
Which three events are valid for the HTML canvas element? Choose 3.

QUESTION 32
You need to call a function named process when a user clicks a button.
Complete the code by selecting the correct option from each drop-down list.
Note: You will receive partial credit for each correct selection.

QUESTION 33
Which code segment correctly displays images with 80% transparency and a blue 8px shadow?

QUESTION 34
The following two images show a web page that uses a responsive layout displayed on a mobile device and on a PC.
Displayed on a mobile device:

The layout stacks the content vertically.
Displayed on a computer monitor:
The layout displays the content cards horizontally in multiple columns.
Review the images on the left.
Complete the statements by selecting the correct option from each drop-down list.

QUESTION 35
You define the following layout:
< !DOCTYPE html >
< html >
< head >
< style >
section {
display: flex;
align-items: center;
flex-wrap: wrap;
min-height: 200px;
width: 700px;
background: linen;
}
section p {
flex: 1;
min-width: 200px;
padding: 20px;
}
< /style >
< /head >
< body >
< h2 > Exhibits to visit at the zoo < /h2 >
< section >
< p style= ” order: 3 ” > Lions < /p >
< p style= ” order: 4 ” > Tigers < /p >
< p style= ” order: 2 ” > Bears < /p >
< p style= ” order: 1 ” > Zoo Trip < /p >
< /section >
< /body >
< /html >
For each statement about the markup shown on the left, select True or False.

QUESTION 36
You need to use a flexbox so that new content you add to the container appears at the highest point on a vertical list. You want to achieve this goal without specifying an order. Which value should you use for flex- direction?

QUESTION 37
You need to complete a postal code input form element (post_code). Include attributes to make the field mandatory, set the data type as text, and limit the input to five numeric digits.
Complete the code by selecting the correct option from each drop-down list.
Note: You will receive partial credit for each correct selection.

QUESTION 38
You want to display a message box showing the user ‘ s current latitude and longitude as identified by the user’ s browser.
Complete the code by selecting the correct option from each drop-down list.
Note: You will receive partial credit for each correct selection.

QUESTION 39
You need to use CSS to create the layout shown:

Review the layout shown on the left.
Complete the markup by selecting the correct option from each drop-down list.
Note: You will receive partial credit for each correct selection.

QUESTION 40
You need to display the following user interface:
A text input field that displays a selectable suggestion list containing:
Motorcycle
Truck
Boat
Car
Bicycle

QUESTION 41
You are creating the styling for your webpage. Which two CSS attributes produce a scroll bar if your content overflows its element? Choose 2.

QUESTION 42
Which two code segments declare a JavaScript method? Choose 2.

QUESTION 43
Which element should you use to rotate an SVG square?

QUESTION 44
You have created custom error messages for a form. When a user attempts to submit the form with invalid data, the data must remain in the form and error messages must be displayed. Which Event property or method should you use?