IT Specialist INF-306 시험을 한번에 합격할수 없을가봐 두려워 하고 계시나요? 이 글을 보고 계신 분이라면 링크를 클릭하여 저희 사이트를 방문해주세요. 저희 사이트에는IT Specialist INF-306 시험의 가장 최신 기출문제와 예상문제를 포함하고 있는 IT Specialist INF-306덤프자료를 제공해드립니다.덤프에 있는 문제와 답을 완벽하게 기억하시면 가장 빠른 시일내에 가장 적은 투자로 자격증 취득이 가능합니다.
| Section | Objectives |
|---|---|
| Graphics and Animation | - Canvas and SVG
|
| Forms | - HTML5 Forms and Validation
|
| Layouts | - Responsive and Flexible Layouts
|
| Application Lifecycle Management | - Application Development Lifecycle
|
| JavaScript Coding | - JavaScript ES6 Development
|
Fast2test의 IT Specialist INF-306덤프는 IT업계에 오랜 시간동안 종사한 전문가들의 끊임없는 노력과 지금까지의 노하우로 만들어낸IT Specialist INF-306시험대비 알맞춤 자료입니다. Fast2test의 IT Specialist INF-306덤프만 공부하시면 여러분은 충분히 안전하게 IT Specialist INF-306시험을 패스하실 수 있습니다. Fast2test IT Specialist INF-306덤프의 도움으로 여러분은 IT업계에서 또 한층 업그레이드 될것입니다
질문 # 58
You need to display the following user interface:
A text input field that displays a selectable suggestion list containing:
Motorcycle
Truck
Boat
Car
Bicycle
정답：
설명：
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.
질문 # 59
A form has four buttons with a class of item. You need to apply an event listener to all buttons to invoke the moveElement function when a button is pressed. Your code must ensure bubble capture.
Complete the markup by selecting the correct option from each drop-down list.
Note: You will receive partial credit for each correct selection.
정답：
설명：
Explanation:
First drop-down: " click " ,
Second drop-down: moveElement,
Third drop-down: false,
The correct event listener syntax is addEventListener(type, listener, useCapture). The first argument must be " click " because the function must run when a button is pressed. The second argument must be moveElement, not moveElement(), because the event listener expects a function reference. Using parentheses would call the function immediately while the page is loading instead of waiting for the user to press a button. The third argument controls the event phase. false means the listener runs during the bubbling phase, which is the normal behavior for button click handling. true would register the listener for the capturing phase instead.
Since the code uses document.querySelectorAll( " .item " ), it selects all elements with the class item. The for loop then attaches the same click listener to each selected button individually. This ensures that all four buttons invoke moveElement when clicked.
질문 # 60
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?
정답：D
설명：
The correct answer is D because the pattern attribute requires the exact structure defined by the regular expression [a-zA-Z]{4}-[0-9] {2}-[0-9]{4}-[a-zA-Z] {4}. The first group, [a-zA-Z]{4}, requires exactly four alphabetic characters. The second group, [0-9] {2}, requires exactly two numeric digits. The third group, [0-9]
{4}, requires exactly four numeric digits. The final group, [a-zA-Z] {4}, requires exactly four alphabetic characters. Hyphens must appear between each group. Option D, kukX-34-4938-WJDF, satisfies every part:
kukX is four letters, 34 is two digits, 4938 is four digits, and WJDF is four letters. Option A fails because Uhj6 contains a digit in the final letter-only group. Option B fails because y7Ts contains a digit in the first group and A3 is not two digits. Option C fails because 23h contains a letter and breaks the two-digit group.
References/topics: HTML5 input validation, pattern attribute, regular expressions, form constraint validation.
질문 # 61
You need to ensure that the value of an input element is a valid 10-digit phone number with no symbols. The input element should initially display all zeroes, but that value should never be stored with the form.
Complete the markup by selecting the correct option from each drop-down list.
정답：
설명：
Explanation:
< input id= " phone "
pattern= " [0-9]{10} "
placeholder= " 0000000000 " >
The correct first attribute is pattern because the requirement is to validate the entered value against a specific format: exactly ten numeric digits and no symbols. The regular expression [0-9]{10} means that only digits from 0 through 9 are allowed, and exactly ten of them must be entered. This prevents values such as 123-456-
7890, (123)4567890, or 123 456 7890 because those contain symbols or spaces. The correct second attribute is placeholder, not value, because the input should initially display all zeroes but that displayed text must not be submitted or stored with the form. A placeholder is hint text shown when the field is empty; it disappears when the user enters real data and is not submitted as the control's value. By contrast, value= " 0000000000 " would actually prepopulate the input and could be submitted if the user did not change it. The required option is not selected because the question focuses on format validation and display hint behavior, not mandatory completion. References/topics: HTML5 form validation, pattern, regular expressions, placeholder, input constraint validation.
질문 # 62
Which code segment correctly displays images with 80% transparency and a blue 8px shadow?
정답：A
설명：
The correct segment is D: filter: opacity(20%) drop-shadow(8px 8px blue);. The requirement says the image must have 80% transparency, which means only 20% opacity remains visible. The CSS filter property applies graphical effects to rendered elements, including image effects such as opacity adjustment and drop shadows.
The opacity() filter function is valid inside filter, and values below 100% make the rendered element more transparent. The drop-shadow() function is also a valid CSS filter function and applies a shadow effect to the input image. Option A changes saturation, not transparency. Option B also changes saturation and incorrectly attempts to use box-shadow() as a filter function. Option C uses opacity(80%), which would produce 80% opacity rather than 80% transparency, and it also uses invalid box-shadow() syntax inside filter. References
/topics: CSS filter property, opacity(), drop-shadow(), image effects, transparency.
질문 # 63
......
Fast2test를 선택함으로 여러분은 IT Specialist 인증INF-306시험에 대한 부담은 사라질 것입니다.우리 Fast2test는 끊임없는 업데이트로 항상 최신버전의 IT Specialist 인증INF-306시험덤프임을 보장해드립니다.만약 덤프품질을 확인하고 싶다면Fast2test 에서 무료로 제공되는IT Specialist 인증INF-306덤프의 일부분 문제를 체험하시면 됩니다.Fast2test 는 100%의 보장도를 자랑하며IT Specialist 인증INF-306시험을 한번에 패스하도록 도와드립니다.
INF-306인증시험덤프: https://kr.fast2test.com/INF-306-premium-file.html