http://https://www.newpassleader.com/Microsoft/70-480-exam-preparation-materials.html (270 Q&As Dumps, 30%OFF Special Discount: 30free )
NEW QUESTION NO: 16
You develop an interactive scalable vector graphic (SVG) application.
You write the following code (Line numbers are included for reference only.):
You need to increase the size of the circle by 50 percent.
Which code segment should you insert at line 02?
A. Option A
B. Option B
C. Option C
D. Option D
Answer: D
Explanation/Reference:
Increase the radius (the r property) of the circle (not the graphic) by a factor 1.5.
Incorrect:
CurrentScale is used for zooming.
Reference: The HTML <svg> Element
NEW QUESTION NO: 17
You develop a webpage by using HTML5. You create the following markup:
<input type "url" name= "website" required="required" />
You need to ensure that the value that the user enters contains a secure URL.
What should you do?
A. Add the following attribute to the input tag: value="https://v
B. Add the following attribute to the input tag: pattern="https://.+"
C. Add the following attribute to the input tag: value="ssl"
D. Add the following attribute to the input tag: itemtype="https"
Answer: B
Explanation/Reference:
Note:
* The pattern attribute is supported in Internet Explorer 10, Firefox, Opera, and Chrome.
* The pattern attribute specifies a regular expression that the <input> element's value is checked against.
* The pattern attribute works with the following input types: text, search, url, tel, email, and password
NEW QUESTION NO: 18
You develop a webpage by using HTML5. You create the following markup and code: (Line numbers are included for reference only.)
You need to ensure that the values that users enter are only numbers, letters, and underscores, regardless of the order.
Which code segment should you insert at line 04?
A. Option A
B. Option B
C. Option C
D. Option D
Answer: A
Explanation/Reference:
Example:
Sometimes situations arise when user should fill a single or more than one fields with alphabet characters (A-Z or a-z) in a HTML form. You can write a JavaScript form validation script to check whether the required field(s) in the HTML form contains only letters. - Javascript function to check for all letters in a field
view plainprint?
function allLetter(inputtxt)
{
var letters = /^[A-Za-z]+$/;
if(inputtxt.value.match(letters))
{
return true;
}
else
{
alert("message");
return false;
}
}
To get a string contains only letters (both uppercase or lowercase) we use a regular expression (/^[A-Za-z]
+$/) which allows only letters. Next the match() method of string object is used to match the said regular expression against the input value.
Reference: JavaScript : HTML Form validation - checking for all letters
NEW QUESTION NO: 19
You develop an HTML5 webpage. You have the following HTML markup: (Line numbers are for reference only.)
The webpage also contains the following CSS markup:
You need to determine how the webpage will appear when the CSS styles are applied.
Select two.
A. The first row of the table will have a red background.
B. The second row of the table will have a red background.
C. The second cell in the first row of the table will have a blue background.
D. The second cell in the third row of the table will have a blue background.
E. The second cell in the third row of the table will have not have blue background.
Answer: A,E
Explanation/Reference:
NEW QUESTION NO: 20
You are creating an HTML5 application that allows users to play video on a page by using the VIDEO element.
You need to enable the user to start, stop, and pause the video.
Which line of code should you add to the page?
A. <video id= "myVideo" height="320" width="400" src="myVideo.vtt" contextmenu="pauseplay"> </ video>
B. <video id="myVideon height"="320" width="400" src="myVideo.vtt" controls> </video>
C. <video _d="myVideon height="320" width="400" src="myVideo.vtt" autoplay> </video>
D. <video id="myVideo" height="320" width="400" src="myVideo.vtt" contextinenu="Startstopn> </video>
Answer: B
Explanation/Reference:
The HTML <video> Element
To show a video in HTML, use the <video> element:
The controls attribute adds video controls, like play, pause, and volume.
Example
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
Reference: HTML5 Video
NEW QUESTION NO: 21
HOTSPOT
You review code that uses WebSockets for a browser-based multiplayer game. Each player sends a move to the server, which then sends the move to all connected game instances. The following code runs in the browser and handles the sending and receiving of moves:
For each statement in the table, select Yes if the code segment above causes the page to behave as described. Select No if it does not. Make only one selection in each column.
Hot Area:
Answer:
NEW QUESTION NO: 22
You develop an HTML5 webpage. You have the following HTML markup:
You need to add a background color to the first article in each section.
Which code segment should you add to the webpage?
A. $ ("section article:first-child").css("background-color", "#f2f2f2");
B. $ ("section:first-child").css ( "background-color", "#f2f2f2");
C. $ ("article:first-of-type") .css("background-color", "#f2f2f2");
D. $ ("section:first-of-type").css("background-color", "#f2f2f2");
Answer: C
Explanation/Reference:
The :first-of-type selector matches every element that is the first child, of a particular type, of its parent.
Reference: CSS3 :first-of-type Selector
NEW QUESTION NO: 23
You are developing an HTML5 web application and are styling text.
You need to use the text-transform CSS property.
Which value is valid for the text-transform property?
A. Capitalize
B. Red
C. 20px
D. Italic
Answer: A
Explanation/Reference:
CSS Syntax
text-transform: none|capitalize|uppercase|lowercase|initial|inherit;
Example
Transform text in different elements:
h1 {text-transform:uppercase;}
h2 {text-transform:capitalize;}
p {text-transform:lowercase;}
Reference: CSS text-transform Property
http://www.w3schools.com/cssref/pr_text_text-transform.asp
NEW QUESTION NO: 24
HOTSPOT
You develop an HTML5 webpage that contains the following markup and code:
You have the following requirements:
Display a message if users select the first OPTION element, and then submit the form.
Do not display an alert message if users select any other OPTION element, and then submit the form.
You need to implement the madeSelection() function.
How should you complete the relevant code? (To answer, select the appropriate code segment from each drop-down list in the answer area.) Hot Area:
Answer:
Explanation/Reference:
* The <select> element is used to create a drop-down list.
The <option> tags inside the <select> element define the available options in the list.
* option.value
text
Specifies the value to be sent to a server
Reference: HTML <option> Tag
NEW QUESTION NO: 25
You develop an HTML5 application. You give users a numeric access code that can be used only one time.
Users must enter the numeric access code in the login form of the application. The numeric characters must be hidden by a masking character.
You need to implement the form element for users to enter the code.
Which HTML element should you use?
A. <input type="password" required autocomplete="off">
B. <input type="input" autocomplete="off" required />
C. <input type="password" stytem" visiblity:hidden;" required />
D. <input type="button" value="password" required />
Answer: A
Explanation/Reference:
* Input Type: password
<input type="password"> defines a password field.
The characters in a password field are masked (shown as asterisks or circles).
* The autocomplete attribute specifies whether or not an input field should have autocomplete enabled.
The autocomplete attribute works with the following <input> types: text, search, url, tel, email, password, datepickers, range, and color.
Reference: HTML Input Types ; HTML <input> autocomplete Attribute
NEW QUESTION NO: 26
HOTSPOT
You develop a webpage. You create the following HTML markup:
The layout of the webpage must contain three rows. The first row spans the entire width of the page and is labeled #Top. The second row contains three columns. The first column is labeled #Left; the second column is labeled #Main; and the right column is labeled #Right. The #Left and #Right columns are a fixed width. The #Main column occupies the remaining available space. The third and final row spans the entire width of the page and is labeled #Bottom.
The layout of the webpage must resemble the following image:
You need to create the CSS styles to implement the layout.
How should you complete the relevant styles? (To answer, select the appropriate option from each drop- down list in the answer area.) Hot Area:
Answer:
Explanation/Reference:
* -ms-flexbox
To enable flexbox layout, you must first create a flexbox container. Do this by setting the display property of an element to either "-ms-flexbox" (for a block-level flexbox container) or "-ms-inline-flexbox" (for an inline flexbox container).
* -ms-flex-direction: row;
When creating a flexbox container, you can also set its orientation-that is, specify whether its children are displayed from right-to-left, left-to-right, top-to-bottom, or bottom-to-top.
* -ms-flex
Specifies whether the width or height of a child element is flexible based on the space available in the object. This value also indicates the proportion of space available that is allocated to the child element.
Reference: Flexible box ("Flexbox") layout in Internet Explorer 10