1. The Internet 10/27/11 XHTML Forms
CIS 228
The Internet
10/27/11
XHTML Forms

2. CSS List Properties Properties of <ol> and <ul> list-style
list-stype-position
outside, inside, or inherit
list-style-image
none or url (e.g. url(images/dimond.jpg))
list-style-type
disc, circle, square, none
decimal, lower-alpha, upper-alpha,
lower-roman, upper-roman, lower-greek

3. XHTML Tables Table – 2 dimensional array of cells (explicit)
<table> attribute: summary
<caption> (must be first child of <table>)
Row – 1 dimensional array of cells (explicit)
<tr> table row
Column – 1 dimensional array of cells (implicit)
Cell – a single item (explicit)
Attributes: rowspan colspan (e.g. <th colspan=“3”>)
<td> table data (e.g. <td>$3.79</td>)
<th> table heading (e.g. <th>price</th>)

4. CSS Table Properties
Standard CSS properties apply to all table elements
color, font, text-align, padding, border, etc.
Property for <table> only
caption-side: top, bottom, inherit
Properties for <table>, <tr>, <th>, and <td>
border-spacing: length length
border-collapse: (separate, collapse, inherit)
Properties for <td> and <th>
align: (left, right, center, justify, inherit)
valign: (top, center, bottom, inherit)

5. XHTML Forms Limited 2-way communication between user & server
(Heretofore server supplies information to the user)
Browser sends name-value pairs to server application
Names are specified by the application
Values are supplied by the user
Application responds with new web page for browser
(Creating server applications beyond this course)
Forms structure the interaction
Give user “natural” means of supplying information

6. Form Element <form action=“url” method=“post|get”> action method
Relative (path to local application)
Absolute (path to application on a different site)
method
post - form data bundled in separate communication
Cannot be bookmarked
get - form data appended to url
Size limited
Do not use to transmit sensitive data

7. XHTML Form Elements <form action method >
<input name value type id />
<label for >
<textarea name rows cols >
<select name multiple size >
<option value selected label >
<fieldset> (groups form fields together)
<legend> (caption for a field set)

8. Input Element Types text value (default), size, maxlength
radio value (value), checked
checkbox value (value), checked
submit value (button text)
reset value (button text)
button value (button text)
password value (default), size, maxlength
file (value invalid), accept
image value (value), src, alt
hidden value (default)