IT Specialist INF-306 問題集

質問 1：
The following output has more text than will fit in the element.

You need to apply CSS to contain the text inside the element ' s border without creating unneeded scrollbars or losing text. Which attribute setting should you use?
A. overflow:visible;
B. overflow:auto;
C. overflow:scroll;
D. overflow:hidden;
正解：B
解説: (Topexam メンバーにのみ表示されます)

質問 2：
You need to display the following user interface:
Motorcycle
Truck
Boat
Car
Bicycle
Complete the markup by selecting the correct option from each drop-down list.

正解：

Explanation:
First drop-down: datalist
Second drop-down: vehicles
Third drop-down: < /datalist >
The correct element is < datalist > because the interface requires a text input that provides selectable suggestions while still allowing the user to type. The < input > element uses list= " vehicles " , so it must be connected to a < datalist > element whose id is exactly vehicles. The id cannot be vehicle, because vehicle is already the input element's own identifier and does not match the value used by the list attribute. The < option
> elements inside the datalist define the suggested values: Motorcycle, Truck, Boat, Car, and Bicycle. ul, ol, and li are list-markup elements and do not create input suggestions. select would create a fixed dropdown list, but it would not match the editable input-with-suggestions behavior shown. The closing tag must match the opening datalist element, so the final selection is < /datalist > .

質問 3：
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.

正解：

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.

質問 4：
Which two background graphics will automatically adjust to different screen sizes? Choose 2.
Note: You will receive partial credit for each correct selection.
A. < body style= " background:url(media/background.jpg); background-size:contain; background-repeat:
no-repeat; " >
B. < body style= " background:url(media/background.jpg); background-size:initial; background-repeat:no- repeat; " >
C. < body style= " background:url(media/background.jpg); background-size:cover; background-repeat:no- repeat; " >
D. < body style= " background:url(media/background.jpg); background-size:auto; background-repeat:no- repeat; " >
正解：A,C
解説: (Topexam メンバーにのみ表示されます)

質問 5：
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.

正解：

Explanation:
< button onclick= " process() " > Process < /button >
< script >
function process()
{
}
< /script >
The button must use the onclick attribute because the required action occurs when the user clicks the button.
The plain word click is an event name used in JavaScript event listeners, but it is not the correct inline HTML event-handler attribute. The value of the onclick attribute must be process() because the function must actually be invoked when the click event occurs. Using process alone only references the function name and does not call it in this inline markup context. this.process would attempt to reference a property on the current element, and javascript:process is not the correct handler expression. Inside the < script > block, the correct function declaration is function process(). This defines the named function that the button's onclick attribute calls. The final structure therefore connects the button event directly to the script function: when the user clicks Process, the browser runs process().