Web Programming with HTML, XHTML, and CSS Second Edition- P5: Điều này bắt đầu hướng dẫn nhận xét HTML và cũng giới thiệu đến bạn bằng cách sử dụng XHTML cho cấu trúc của một trang web và cascading style sheets (CSS) để kiểm soát như thế nào một tài liệu sẽ xuất hiện trên một trang web. Bạn se tìm hiểu làm thế nào để tận dụng lợi thế của các tính năng mới của các trình duyệt trong khi đảm bảo rằng các trang của bạn vẫn làm việc ở cũ, nhưng phổ biến, các trình duyệt. Bằng. | Chapter 5 Forms Figure 5-20 Structuring Your Forms with fieldset and legend Elements Large forms can be confusing for users so it s good practice to group together related form controls. The fieldset and legend elements do exactly this help you group controls. Both elements were introduced in IE 4 and Netscape 6 however older browsers will just ignore these elements so you are safe to include them in all your forms. The fieldset element creates a border around the group of form controls to show that they are related. The legend element allows you to specify a caption for the fieldset element which acts as a title for the group of form controls. When used the legend element should always be the first child of the fieldset element. In the following example you can see how a form has been divided into four sections contact information competition question tiebreaker question and enter the competition . form action http method post name frmComp fieldset legend em Contact Information em legend label First name input type text name txtFName size 20 label br label Last name input type text name txtLName size 20 label br label E-mail input type text name txtEmail size 20 label br fieldset fieldset legend em Competition Question em legend How tall is the Eiffel Tower in Paris France br label input type radio name radAnswer value 584 584ft label br label input type radio name radAnswer value 784 784ft label br label input type radio name radAnswer value 984 984ft label br label input type radio name radAnswer value 1184 1184ft label br fieldset fieldset legend em Tiebreaker Question em legend 171 Chapter 5 Forms label In 25 words or less say why you would like to win 10 000 textarea name txtTiebreaker rows 10 cols 40 textarea label fieldset fieldset legend em Enter competition em legend input type submit value Enter Competition fieldset form You can see how the fieldset elements create borders around the groups of form controls
