Free INF-306 Questions for IT Specialist HTML5 Application Development INF-306 Exam as PDF & Practice Test Engine
Which markup segment creates an SVG ellipse?
Correct Answer: C
Vote an answer
Explanation: Only visible for ExamDiscuss members. You can sign-up / login (it's free).
You need to contain overflowing text inside the element ' s border without creating unneeded scrollbars or losing text. Which attribute setting should you use?
Correct Answer: D
Vote an answer
Explanation: Only visible for ExamDiscuss members. You can sign-up / login (it's free).
Which code segment correctly displays images with 80% transparency and a blue 8px shadow?
Correct Answer: B
Vote an answer
Explanation: Only visible for ExamDiscuss members. You can sign-up / login (it's free).
Review the following markup segment:
< form action= " process.js " method= " get " >
< label for= " secretcode " > Secret Code < /label >
< input type= " text " name= " secretcode "
pattern= " [a-zA-Z]{4}-[0-9] {2}-[0-9]{4}-[a-zA-Z] {4} "
placeholder= " secretcode " >
< input type= " submit " value= " Submit " >
< /form >
Which entry will validate successfully according to the required pattern?
< form action= " process.js " method= " get " >
< label for= " secretcode " > Secret Code < /label >
< input type= " text " name= " secretcode "
pattern= " [a-zA-Z]{4}-[0-9] {2}-[0-9]{4}-[a-zA-Z] {4} "
placeholder= " secretcode " >
< input type= " submit " value= " Submit " >
< /form >
Which entry will validate successfully according to the required pattern?
Correct Answer: A
Vote an answer
Explanation: Only visible for ExamDiscuss members. You can sign-up / login (it's free).
You need to display the following user interface:
A text input field that displays a selectable suggestion list containing:
Motorcycle
Truck
Boat
Car
Bicycle
A text input field that displays a selectable suggestion list containing:
Motorcycle
Truck
Boat
Car
Bicycle
Correct Answer:
Explanation:
The correct markup uses the HTML5 < datalist > element because the interface shows a text input with a drop- down list of suggested values. The < input > element has list= " vehicles " , which means it must be connected to a < datalist > whose id value is exactly vehicles. This relationship is essential: the list attribute on the input references the id of the datalist that supplies the available options. Each < option > element inside the datalist defines one suggested value: Motorcycle, Truck, Boat, Car, and Bicycle. Unlike a traditional < select > element, a datalist does not restrict the user only to the listed choices; the user can either select an option with the mouse or type directly into the input field. That behavior matches the displayed interface, where the control appears as an editable text box with suggestions. The final closing tag must be < /datalist > because the option elements belong to the datalist container. References/topics: HTML5 forms, < input list > , < datalist > , option elements, selectable typed input.
You are creating a script that reads a JSON menu file and displays the Entree, Price, and Description.
Complete the code by selecting the correct option from each drop-down list.
Note: You will receive partial credit for each correct selection.
Complete the code 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: var xhr = new XMLHttpRequest();
Second drop-down: if(xhr.status===200){
Third drop-down: responseObject = JSON.parse(xhr.responseText);
The script must first create an XMLHttpRequest object, so the correct first selection is var xhr = new XMLHttpRequest();. This object performs the asynchronous request for menu.json. After the request finishes, the onload callback executes. The response should be processed only when the request succeeds, so the correct status check is if(xhr.status===200){; HTTP status 200 means the file was successfully retrieved.
Status codes 403, 404, and 500 represent forbidden access, missing resource, and server error conditions, so they are not appropriate for normal JSON processing. The JSON file is returned as plain text through xhr.
responseText, so it must be converted into a JavaScript object with JSON.parse(xhr.responseText). Once parsed, the code can access responseObject.menu[i].Entree, Price, and Description inside the loop and build the display output. responseXML is incorrect because the source file is JSON, not XML.
Review the grid container requirements and mockup on the left. Which markup should you use to define the grid container?
Correct Answer: D
Vote an answer
0
0
0
10