Académique Documents
Professionnel Documents
Culture Documents
Pemrograman Web
(INF2332)
Week 4
Advanced XHTML: Working with Forms
V2009-YSP
Program Studi Teknik Informatika
Lesson Objectives
V2009-YSP
Program Studi Teknik Informatika
Outline
V2009-YSP
Program Studi Teknik Informatika
V2009-YSP
Program Studi Teknik Informatika
V2009-YSP
Program Studi Teknik Informatika
V2009-YSP
Program Studi Teknik Informatika
V2009-YSP
Program Studi Teknik Informatika
V2009-YSP
Program Studi Teknik Informatika
V2009-YSP
Program Studi Teknik Informatika
V2009-YSP
Program Studi Teknik Informatika
V2009-YSP
Program Studi Teknik Informatika
V2009-YSP
Program Studi Teknik Informatika
V2009-YSP
Program Studi Teknik Informatika
V2009-YSP
Program Studi Teknik Informatika
V2009-YSP
Program Studi Teknik Informatika
V2009-YSP
Program Studi Teknik Informatika
V2009-YSP
Program Studi Teknik Informatika
V2009-YSP
Program Studi Teknik Informatika
V2009-YSP
Program Studi Teknik Informatika
V2009-YSP
Program Studi Teknik Informatika
V2009-YSP
Program Studi Teknik Informatika
V2009-YSP
Program Studi Teknik Informatika
V2009-YSP
Program Studi Teknik Informatika
V2009-YSP
Program Studi Teknik Informatika
V2009-YSP
Program Studi Teknik Informatika
V2009-YSP
Program Studi Teknik Informatika
V2009-YSP
Program Studi Teknik Informatika
V2009-YSP
Program Studi Teknik Informatika
V2009-YSP
Program Studi Teknik Informatika
V2009-YSP
Program Studi Teknik Informatika
V2009-YSP
Program Studi Teknik Informatika
V2009-YSP
Program Studi Teknik Informatika
V2009-YSP
Program Studi Teknik Informatika
V2009-YSP
Program Studi Teknik Informatika
V2009-YSP
Program Studi Teknik Informatika
V2009-YSP
Program Studi Teknik Informatika
Creating Accessible
Forms
37
V2009-YSP
Program Studi Teknik Informatika
Structuring Forms
When construct a form, as with any other
content, we should think about the meaning
and purpose of the content and wrap it in the
most semantically appropriate tags
a usable and accessible form needs a
meaningful structure
V2009-YSP
Program Studi Teknik Informatika
Structuring Forms
fieldset
encompasses a set of related controls,
collecting them into a logical group
must contain a legend element to provide a title
for the set of fields
V2009-YSP
Program Studi Teknik Informatika
Structuring Forms
legend
provides a text title or caption for a field set and
hence may appear only within a fieldset element
its an inline element that can contain only text
and other inline elements, but most browsers
will position a legend so that it overlaps the field
sets top border, deviating slightly from typical
inline behavior
V2009-YSP
Program Studi Teknik Informatika
Structuring Forms
label
creates a text label for a specific control
a label element may contain both the control
and its text label, in which case the connection
between the two elements is implied by context
V2009-YSP
Program Studi Teknik Informatika
Structuring Forms
example
V2009-YSP
Program Studi Teknik Informatika
References
Schultz, David, Cook, Craig, 2007, Beginning
HTML with CSS and XHTML: Modern Guide and
Reference, Apress.
Chapter 8
V2009-YSP
Program Studi Teknik Informatika
V2009-YSP
Program Studi Teknik Informatika
@#!$%&&*(((!#