23.05.2015 Views

Building the User Interface by Using HTML5: Organization ... - server

Building the User Interface by Using HTML5: Organization ... - server

Building the User Interface by Using HTML5: Organization ... - server

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

84 | Lesson 3<br />

unordered lists. Each item in an ordered list is marked <strong>by</strong> a number or letter. An unordered<br />

list is a bulleted list.<br />

• Developers use Web forms as <strong>the</strong> interface for collecting information from Web site and<br />

client application users. HTML input elements serve to build a form’s interface and ensure<br />

that information is collected from users consistently.<br />

• Most Web forms, or at least many fields in most forms, require specifically formatted<br />

input. The new <strong>HTML5</strong> form and input attributes are intuitive, easy to use, and replace a<br />

lot of scripting that was required in HTML 4.01 and previous versions.<br />

• Validation ensures that information entered in an input field of a Web form is in <strong>the</strong> correct<br />

format and usable before sending <strong>the</strong> data to <strong>the</strong> <strong>server</strong>.<br />

• <strong>HTML5</strong> provides new attributes that validate Web form fields as users are entering data<br />

or when <strong>the</strong>y click <strong>the</strong> submit button. The attributes include required, email, and pattern,<br />

among o<strong>the</strong>rs.<br />

LICENSED PRODUCT NOT FOR RESALE<br />

■ Knowledge Assessment<br />

Fill in <strong>the</strong> Blank<br />

Complete <strong>the</strong> following sentences <strong>by</strong> writing <strong>the</strong> correct word or words in <strong>the</strong> blanks provided.<br />

1. An HTML contains rows and columns, and is used to display information<br />

in a grid format.<br />

2. Class and ID are attributes, which means <strong>the</strong>y can be used with any<br />

HTML element.<br />

3. An list orders <strong>the</strong> list entries using numbers, <strong>by</strong> default.<br />

4. An list displays list entries in a bulleted list.<br />

5. The <strong>HTML5</strong> element presents a list (or menu) of commands, usually<br />

with buttons.<br />

6. Form is <strong>the</strong> information a user enters into fields in a Web or client<br />

application.<br />

7. The attribute requires information in a field when <strong>the</strong> form is submitted.<br />

8. text is displayed inside an input field when <strong>the</strong> field is empty. It helps<br />

users understand <strong>the</strong> type of information <strong>the</strong>y should enter or select.<br />

9. is <strong>the</strong> process of verifying that information entered or captured in a<br />

form is in <strong>the</strong> correct format and usable before sending <strong>the</strong> data to <strong>the</strong> <strong>server</strong>.<br />

10. The attribute moves <strong>the</strong> focus to a particular input field when a Web<br />

page loads.<br />

Multiple Choice<br />

Circle <strong>the</strong> letter that corresponds to <strong>the</strong> best answer.<br />

1. Which <strong>HTML5</strong> element defines subdivisions in a document, such as chapters, parts of a<br />

<strong>the</strong>sis, or parts of a Web page whose content is distinct from each o<strong>the</strong>r?<br />

a. aside<br />

b. section<br />

c. header<br />

d. article

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!