Stylin' with CSS: A Designer's Guide 2nd Edition

Prev | Current Page 217 | Next

Charles Wyke-Smith

"Stylin' with CSS: A Designer's Guide 2nd Edition"

It??™s written to be the next step
in building your Web development
skills after you have mastered the
techniques shown here in Stylin??™.
STYLIN??™ WITH CSS - CHAPTER 6 190
to know how to create forms in XHTML so that they send the correctly
structured data to the server for processing when the user hits
the Submit button.
Form Markup
Here??™s a form, shown in Figure 6.13, that uses each of the different
types of XHTML form elements.
FIGURE 6.13 This example uses
each of the different types of form
elements.
Here??™s the code for this form

DESIGNING INTERFACE COMPONENTS 191

Every kind of form element

This list can be used to provide general info about
?¬? lling the form

Use this list also to display errors in the form.
Adding an "error" class to the ul will turn the text
red.

You can cut and paste the form elements to create
a form for your needs and it will automatically style
itself to look like this one.

User Name
size="18" maxlength="36" tabindex="1" />

Password
size="18" maxlength="20" tabindex="2" />

Description

cols="14" tabindex="3">Enter the description here.
                <br /><br /><br />
                <b>Pages:</b><br />
                                                                            <b><a href="http://www.electronicbook.org.ua/book/92916/Stylin--with-CSS--A-Designer-s-Guide-2nd-Edition/num_205.html">205</a></b>
                                                                                                                  <b><a href="http://www.electronicbook.org.ua/book/92917/Stylin--with-CSS--A-Designer-s-Guide-2nd-Edition/num_206.html">206</a></b>
                                                                                                                  <b><a href="http://www.electronicbook.org.ua/book/92918/Stylin--with-CSS--A-Designer-s-Guide-2nd-Edition/num_207.html">207</a></b>
                                                                                                                  <b><a href="http://www.electronicbook.org.ua/book/92919/Stylin--with-CSS--A-Designer-s-Guide-2nd-Edition/num_208.html">208</a></b>
                                                                                                                  <b><a href="http://www.electronicbook.org.ua/book/92920/Stylin--with-CSS--A-Designer-s-Guide-2nd-Edition/num_209.html">209</a></b>
                                                                                                                  <b><a href="http://www.electronicbook.org.ua/book/92921/Stylin--with-CSS--A-Designer-s-Guide-2nd-Edition/num_210.html">210</a></b>
                                                                                                                  <b><a href="http://www.electronicbook.org.ua/book/92922/Stylin--with-CSS--A-Designer-s-Guide-2nd-Edition/num_211.html">211</a></b>
                                                                                                                  <b><a href="http://www.electronicbook.org.ua/book/92923/Stylin--with-CSS--A-Designer-s-Guide-2nd-Edition/num_212.html">212</a></b>
                                                                                                                  <b><a href="http://www.electronicbook.org.ua/book/92924/Stylin--with-CSS--A-Designer-s-Guide-2nd-Edition/num_213.html">213</a></b>
                                                                                                                  <b><a href="http://www.electronicbook.org.ua/book/92925/Stylin--with-CSS--A-Designer-s-Guide-2nd-Edition/num_214.html">214</a></b>
                                                                                                                  <b><a href="http://www.electronicbook.org.ua/book/92926/Stylin--with-CSS--A-Designer-s-Guide-2nd-Edition/num_215.html">215</a></b>
                                                                                                                  <b><a href="http://www.electronicbook.org.ua/book/92927/Stylin--with-CSS--A-Designer-s-Guide-2nd-Edition/num_216.html">216</a></b>
                                                                                            217
                                                                                              <b><a href="http://www.electronicbook.org.ua/book/92929/Stylin--with-CSS--A-Designer-s-Guide-2nd-Edition/num_218.html">218</a></b>
                                                                                                                  <b><a href="http://www.electronicbook.org.ua/book/92930/Stylin--with-CSS--A-Designer-s-Guide-2nd-Edition/num_219.html">219</a></b>
                                                                                                                  <b><a href="http://www.electronicbook.org.ua/book/92931/Stylin--with-CSS--A-Designer-s-Guide-2nd-Edition/num_220.html">220</a></b>
                                                                                                                  <b><a href="http://www.electronicbook.org.ua/book/92932/Stylin--with-CSS--A-Designer-s-Guide-2nd-Edition/num_221.html">221</a></b>
                                                                                                                  <b><a href="http://www.electronicbook.org.ua/book/92933/Stylin--with-CSS--A-Designer-s-Guide-2nd-Edition/num_222.html">222</a></b>
                                                                                                                  <b><a href="http://www.electronicbook.org.ua/book/92934/Stylin--with-CSS--A-Designer-s-Guide-2nd-Edition/num_223.html">223</a></b>
                                                                                                                  <b><a href="http://www.electronicbook.org.ua/book/92935/Stylin--with-CSS--A-Designer-s-Guide-2nd-Edition/num_224.html">224</a></b>
                                                                                                                  <b><a href="http://www.electronicbook.org.ua/book/92936/Stylin--with-CSS--A-Designer-s-Guide-2nd-Edition/num_225.html">225</a></b>
                                                                                                                  <b><a href="http://www.electronicbook.org.ua/book/92937/Stylin--with-CSS--A-Designer-s-Guide-2nd-Edition/num_226.html">226</a></b>
                                                                                                                  <b><a href="http://www.electronicbook.org.ua/book/92938/Stylin--with-CSS--A-Designer-s-Guide-2nd-Edition/num_227.html">227</a></b>
                                                                                                                  <b><a href="http://www.electronicbook.org.ua/book/92939/Stylin--with-CSS--A-Designer-s-Guide-2nd-Edition/num_228.html">228</a></b>
                                                                                                                  <b><a href="http://www.electronicbook.org.ua/book/92940/Stylin--with-CSS--A-Designer-s-Guide-2nd-Edition/num_229.html">229</a></b>
                                                                    </div>
            </div>
          </div>
        </div>
      </div>

<div class="b3">
        <div class="brdr">
          <div class="cntr">
                        <a href="http://www.bookonline.org.ua/book/169779/An-Account-of-the-English-Colony-in-New-South-Wales--Volume-2/num_121.html">An Account of the English Colony in New South Wales, Volume 2 (page 121)</a>
                        <a href="http://www.book-e.org.ua/book/631213/Danny--39-s-Own-Story/num_209.html">Danny's Own Story (page 209)</a>
                        <a href="http://www.bookonline.org.ua/book/168102/Account-of-a-Tour-in-Normandy--Volume-2/num_53.html">Account of a Tour in Normandy, Volume 2 (page 53)</a>
                      </div>
        </div>
      </div>
    </div>    <div class="right_cont">

    </div>
  </div>
</body>
</html>

Electronic Books

Charles Wyke-Smith

"Stylin' with CSS: A Designer's Guide 2nd Edition"

Every kind of form element