IT Specialist HTML5 Application Development - INF-306무료 덤프문제 풀어보기
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?
정답: A
설명: (Fast2test 회원만 볼 수 있음)
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.
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.
Which three events are valid for the HTML canvas element? Choose 3.
정답: A,C,D
설명: (Fast2test 회원만 볼 수 있음)
You create an interface for a touch-enabled application. Some input buttons do not trigger when tapped. What are two possible causes?
정답: B,C
설명: (Fast2test 회원만 볼 수 있음)
Which two CSS segments are valid filter properties? Choose 2.
정답: B,D
설명: (Fast2test 회원만 볼 수 있음)
You need to identify the form elements.
Move the appropriate semantic elements from the list on the left to the correct locations on the right.
Note: You will receive partial credit for each correct response.
Move the appropriate semantic elements from the list on the left to the correct locations on the right.
Note: You will receive partial credit for each correct response.
정답:
Explanation:
Club Points indicator # < meter >
Order Status group title # < legend >
Choose delivery frequency options # < datalist >
Shipping Information group box # < fieldset >
Displayed shipping information # < output >
The correct semantic elements are selected according to the role each visible form component performs. The Club Points visual indicator represents a scalar measurement within a known range, so it corresponds to < meter > . The bordered Order Status section is a grouped form region, and the caption displayed on the border is a < legend > , which labels a fieldset-style group. The delivery frequency control shows an editable input with selectable predefined values, which is the purpose of < datalist > : it supplies suggested options for an associated input without forcing the user to choose only from the list. The Shipping Information section is visually and semantically a grouped set of related form information, so the surrounding grouping element is < fieldset > . The displayed shipping address is generated or presented as result-style information rather than typed directly in that location, which matches < output > . fieldset groups related controls, legend labels that group, meter displays a bounded measurement, datalist provides input suggestions, and output displays calculated or resulting information.
Identify the filter applied to each image.
Complete the markup by selecting the correct option from each drop-down list.
Note: You will receive partial credit for each correct selection.
Complete the markup by selecting the correct option from each drop-down list.
Note: You will receive partial credit for each correct selection.
정답:
Explanation:
The first image has a brown/yellow vintage tone, which indicates the sepia(100%) CSS filter. Sepia converts the image colors into a warm monochrome effect commonly associated with aged photographs. The second image appears faded and washed out while retaining the same general image content, which corresponds to opacity(30%); this makes the image mostly transparent, allowing only 30 percent opacity. The third image shows the original beach image with a visible shadow offset behind it, so the correct filter is drop-shadow(8px
8px 10px black). The first two 8px values define the horizontal and vertical shadow offset, 10px defines the blur radius, and black defines the shadow color. saturate(100%) would leave saturation at its normal level and would not visibly create a special effect. grayscale(100%) would remove color entirely and produce a black- and-white image, which is not shown in the visible rows. References/topics: CSS filter property, image effects, sepia(), opacity(), drop-shadow(), graphical enhancement with CSS.