HTML5 And CSS3

Question 1

Input type .. How do we get autocomplete to work.

Answer 1

Bind the input's list attribute to a lt data list> element.
input list="browsers">
datalist id="browsers">
  option value="Chrome">
  Etc.

Question 2

Menu bar would be what in html5

Answer 2

nav

Question 3

Cool input types .. Phone number

Answer 3

type = “tel”

Question 4

How do we specify a title for a field set?

Answer 4

Under the .fieldset> tag, add

.legend>Category information./legend>

Question 5

Canvas Text JavaScript…

Answer 5

var canvas1 = getElementById(‘canvas1’);
var context = canvas1.getContext(‘2d’); // 2d is required
context.font = ‘32pt Arial’;
context.fillStyle = ‘DeepSkyBlue’;
context.strokeStyle = ‘black’
context.fillText = (“Yahoo, it works!”, X, Y);
context.strokeText = (“Yahoo, it works!”, X, Y);

Question 6

Input types for time and ul

Answer 6

Time and ul

Question 7

What can be used to secure client/server communication - like login/password.

Answer 7

.keygen name=”security”> used in a form.

When the submit is pressed, all data is sent to the server using public key encryption….

Question 8

Show steps for drawing shapes on canvas.

Answer 8

Get element, cox, then set strokeStyle to color, fillStyle to color, and lineWidth to pixels.

ctx3. beginPath();
ctx3. moveTo(100, 100);
ctx3. lineTo(150, 200), … Once the figure is closed:
ctx3. stroke(); // traces it then ctx3.fill(); // fills it
ctx4. closePath();

Question 9

Show drawing arcs and circles

Answer 9

ctx.beginPath();
ctx.arc(Xcenter, Ycenter, radiusPx, startAngle, endAngleRadians, [false=counterclockwise]);
EndAngleRadians for full circle = Math.PI * 2
ctx.fill();

Question 10

General areas of the html should be what kind of tag rather than did

Answer 10

section

Question 11

How does a range deliver its value when the slider moves?

Answer 11

… type=”range” min=”500” max=”10000” onchange=
“updateReceivedValue(this.value)” >
Then implement the JavaScript function.

Question 12

How to declare a canvas

Answer 12

.canvas id=’canvas1’ width=”400” height=”300”>./canvas>

Question 13

When converting an html, a div with id=header, … How would this be updated in html5

Answer 13

Replace the div with header … /header and go to the CSS and remove the # from all #header tags.

Question 14

Canvas drawing squares example

Answer 14

Get element by Id and getContext(‘2d’) from that.
Using context, fillStyle=”#ff000000”; // red
strokeStyle = “black”;
lineWidth=10; // of the stroke in prison
fillRect(X, Y, sizeX, sizeY);
strokeRect(X, Y, sizeX, sizeY);

Question 15

Cool input types … Get a number between a min and max

Answer 15

type = “range” min=”1” max=”10”

Question 16

Cool input types… How do we get a date picker

Answer 16

Type=”date”