Chức năng: Tạo nhóm chức năng của form
Ngôn ngữ: html - Nhóm: form
CÚ PHÁP
<FIELDSET>...</FIELDSET>
THUỘC TÍNH ĐẶC BIỆT
Tag:FIELDSET định nghĩa một nhóm chức năng của FORM.
Sử dụng hiệu quả để chia nhỏ form thành những nhóm chức năng khác nhau trong một form thông tin lớn. Chức năng của nhóm nếu được ghi phải được chứa trong Tag:LENGEND và sử dụng tag này ngay sau fieldset.
Bên trong Tag:FIELDSET, để có bố cục tốt, bạn có thể dùng table để chia nhỏ và định vị trí các layout.
VÍ DỤ
<FORM METHOD=post ACTION="/cgi-bin/order.cgi">
<FIELDSET>
<LEGEND ACCESSKEY=I>Contact Information</LEGEND>
<TABLE>
<TR>
<TD>
<LABEL FOR=name ACCESSKEY=N>Name:</LABEL>
</TD>
<TD>
<INPUT TYPE=text NAME=name ID=name>
</TD>
</TR>
<TR>
<TD>
<LABEL FOR=email ACCESSKEY=E>E-mail Address:</LABEL>
</TD>
<TD>
<INPUT TYPE=text NAME=email ID=email>
</TD>
</TR>
<TR>
<TD>
<LABEL FOR=addr ACCESSKEY=A>Mailing Address:</LABEL>
</TD>
<TD>
<TEXTAREA NAME=address ID=addr ROWS=4 COLS=40></TEXTAREA>
</TD>
</TR>
</TABLE>
</FIELDSET>
<FIELDSET>
<LEGEND ACCESSKEY=O>Ordering Information</LEGEND>
<P>Please select the product(s) that you wish to order:</P>
<P>
<LABEL ACCESSKEY=3>
<INPUT TYPE=checkbox NAME=products VALUE="HTML 3.2 Reference">
<A HREF="/reference/wilbur/">HTML 3.2 Reference</A>
</LABEL>
<BR>
<LABEL ACCESSKEY=4>
<INPUT TYPE=checkbox NAME=products VALUE="HTML 4.0 Reference">
<A HREF="/reference/html40/">HTML 4.0 Reference</A>
</LABEL>
<BR>
<LABEL ACCESSKEY=S>
<INPUT TYPE=checkbox NAME=products VALUE="CSS Guide">
<A HREF="/reference/css/">Cascading Style Sheets Guide</A>
</LABEL>
</P>
</FIELDSET>
<FIELDSET>
<LEGEND ACCESSKEY=C>Credit Card Information</LEGEND>
<P>
<LABEL ACCESSKEY=V>
<INPUT TYPE=radio NAME=card VALUE=visa> Visa
</LABEL>
<LABEL ACCESSKEY=M>
<INPUT TYPE=radio NAME=card VALUE=mc> MasterCard
</LABEL>
<BR>
<LABEL ACCESSKEY=u>
Number: <INPUT TYPE=text NAME=number>
</LABEL>
<BR>
<LABEL ACCESSKEY=E>
Expiry: <INPUT TYPE=text NAME=expiry>
</LABEL>
</P>
</FIELDSET>
<P>
<INPUT TYPE=submit VALUE="Submit order">
<INPUT TYPE=reset VALUE="Clear order form">
</P>
</FORM>
KẾT QUẢ