Creating Cool Web Sites with HTML, XHTML, and CSS- P6: This book walks readers through the process of creating a basic Web site from scratch using HMTL, the basis for billions of Web pages, and then jazzing it up with advanced techniques from the author’s award-winning sites. This updated edition features new material that shows readers how to attract visitors to a site and keep them there, including new JavaScript examples and coverage of cascading style sheets and XHTML, technologies that make building successful Web sites even easier. | 224 Creating Cool Web Sites with HTM L XHTM L and CSS Figure 10-3 By including the label tag clicking the text next to the check box causes the box to be checked. The second way to use the label tag as a wrapper is shown in the following code form method post action someurl label input type radio name gender value male male label label input type radio name gender value female female label form A . . . . As of this writing wrapper-style labels don t work properly in any of the Web note browsers I tested. T Dividing Forms into Fieldsets The combination of the fieldset and legend elements enables you to create a document that is not only more attractive and more logically presented but also more accessible for people with disabilities. The tags intent is to allow grouping of thematically related controls within a form. First here s a fancy but straightforward form that is actually organized into multiple logical areas without any fieldsets Please purchase PDF Split-Merge on to remove this watermark. Chapter 10 Advanced Form Design html head title Advanced Forms title style type text css .title background 9cc font-size 150 font-weight bold .head background 9cc font-size 125 .submit font-size 75 background 9cc style head body form method get action someURL table cellpadding 2 width 100 tr td class title align center colspan 2 Software Defect Report td tr tr td class head align center colspan 2 User Profile Information td tr tr td Name td td input type text name name size 50 td tr tr td Company td td input type text name company size 50 td tr tr td class head align center colspan 2 What seems to be the problem td tr tr td colspan 2 align center textarea name problem rows 4 cols 60 textarea td tr table center input type submit value submit report class submit center form body html As shown in Figure 10-4 the layout is attractive but quite complex. Please purchase PDF Split-Merge on to remove this watermark. 226 Creating Cool Web Sites with
