IT Specialist HTML5 Application Development - INF-306 Exam Questions
QUESTION NO: 1
You need to complete the code for a registration form that must meet the following criteria:
* The Password must be 6-8 characters long and use only letters and numbers.
* The Member ID must follow the pattern ###-##-###.
Complete the markup by selecting the correct option from each drop-down list.
Note: You will receive partial credit for each correct selection.
You need to complete the code for a registration form that must meet the following criteria:
* The Password must be 6-8 characters long and use only letters and numbers.
* The Member ID must follow the pattern ###-##-###.
Complete the markup by selecting the correct option from each drop-down list.
Note: You will receive partial credit for each correct selection.
Correct Answer:
Explanation:
First drop-down: maxlength=8
Second drop-down: pattern=[A-Za-z0-9]{6,8}
Third drop-down: pattern=[0-9]{3}-[0-9] {2}-[0-9]{3}
The password field needs two constraints. maxlength=8 limits the user to a maximum of eight characters, satisfying the upper length requirement. The pattern=[A-Za-z0-9]{6,8} attribute enforces the complete password rule: only uppercase letters, lowercase letters, and digits are allowed, and the total length must be between six and eight characters. A pattern without {6,8} would not enforce the minimum length, and {1,8} would incorrectly allow passwords shorter than six characters. The Member ID field must follow the visible placeholder format 123-45-678, which is three digits, a hyphen, two digits, another hyphen, and three digits.
Therefore, the correct member ID pattern is pattern=[0-9] {3}-[0-9]{2}-[0-9] {3}. The hyphens must be included literally in the pattern because the required format contains them. max=8 is not appropriate for password text length, and size=8 only controls display width, not validation.
QUESTION NO: 2
Match each property to its corresponding value for creating the CSS flexible box layout.
Move each property from the list on the left to the correct value on the right.
Note: You will receive partial credit for each correct match.
Match each property to its corresponding value for creating the CSS flexible box layout.
Move each property from the list on the left to the correct value on the right.
Note: You will receive partial credit for each correct match.
Correct Answer:
Explanation:
A CSS flexible box layout is created by applying the display property to a container with either flex or inline- flex. This establishes the element as a flex container and causes its child elements to become flex items. The flex-direction property defines the direction of the main axis and accepts row, row-reverse, column, and column-reverse, allowing items to flow horizontally, vertically, or in reverse order. The align-items property controls how flex items are aligned along the cross axis, with values such as flex-start, flex-end, and center.
The direction property controls writing direction and accepts ltr for left-to-right text flow or rtl for right-to-left text flow. Finally, order is applied to individual flex items and accepts an integer value, represented here as
"any," because any numeric order value can be used to rearrange item display order without changing the document source order. References/topics: CSS flexbox, flex containers, flex items, main axis, cross-axis alignment, writing direction, item ordering.
QUESTION NO: 3
Which markup segment creates an SVG ellipse?
Which markup segment creates an SVG ellipse?
Correct Answer: D
Explanation: Only visible for Pass4Test members. You can sign-up / login (it's free).
QUESTION NO: 4
You are creating the styling for your webpage. Which two CSS attributes produce a scroll bar if your content overflows its element? Choose 2.
You are creating the styling for your webpage. Which two CSS attributes produce a scroll bar if your content overflows its element? Choose 2.
Correct Answer: A,B
Explanation: Only visible for Pass4Test members. You can sign-up / login (it's free).
QUESTION NO: 5
Which JavaScript method is used to draw a circle on a canvas?
Which JavaScript method is used to draw a circle on a canvas?
Correct Answer: A
Explanation: Only visible for Pass4Test members. You can sign-up / login (it's free).
QUESTION NO: 6
You are creating a form that asks a user to enter their phone number. The form must be submitted only if the phone number field is not empty and matches the format 111-444-7777. Which markup should you use?
You are creating a form that asks a user to enter their phone number. The form must be submitted only if the phone number field is not empty and matches the format 111-444-7777. Which markup should you use?
Correct Answer: B
Explanation: Only visible for Pass4Test members. You can sign-up / login (it's free).
QUESTION NO: 7
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.
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.
Correct Answer:
Explanation:
Determine requirements # Develop code # Test the app
#
Monitor performance # Deploy the app
The correct application lifecycle sequence begins with Determine requirements because the team must first define what the app must accomplish, who will use it, and which functional and technical expectations must be satisfied. Since the question states that the design is already provided, the next implementation step is Develop code, where the HTML, CSS, JavaScript, assets, APIs, and app logic are created according to the approved design and requirements. After development, the app must be validated through Test the app.
Testing confirms that the app works correctly, meets requirements, handles user input properly, and does not contain functional defects that would block release. Once testing is complete, the app can be released through Deploy the app, which publishes it to the target environment or makes it available to users. The final operational stage is Monitor performance, where the released app is observed, maintained, updated, and improved based on performance, reliability, defects, and user behavior. References/topics: application lifecycle management, requirements, development, testing, deployment, maintenance.
