HTML fieldset labels - form groups - HTML form - Guide to HTML, XHTML Guide

Change Font Size: / / Directory List

10.6.1 HTML fieldset labels

Fieldset label - a division of the form
  • Fieldset the label is paired to <fieldset> began to </ fieldset> end
  • A form can have multiple <fieldset>, <fieldset> for each of the teams, each a description of the content that can be used legend labels
  • Attribute:
  • Trackback Address: http://www.nt22.com/xhtml-html/tag_fieldset/

Example 

  <form Action "nt22.php" method = = = "nt22form" "post" id> <fieldset> <legend> user name and password: </ legend> <input id = "hiddenField" name = "hiddenField" type = " hidden "value =" hiddenvalue " /> = <label for "username" /> User: </ label> <input type "text" id = = = "username" name "nt22" /> "username" value = <label for = "pass" /> Password: </ label> <input type "password" id = = = "pass" /> "pass" name </ fieldset> <fieldset> <legend> Sex: </ label for legend> < = "boy" /> F </ label> <input type = "radio" value = "1" "sex" name id = = = "sex" /> <label for "girl" /> F </ label> <input type = "radio" value = "2" id = "sex" name = "sex" /> = <label for "sex" /> confidentiality </ label> <input type = "radio" value = "3" id = "sex "name =" sex " /> </ fieldset> <fieldset> <legend> My favorite: </ legend> = <label for "computer" /> Computer </ label> <input type =" checkbox "value =" 1 "id =" fav "name =" fav " /> = <label for "trval" /> Tourism </ label> <input type =" checkbox "value =" 2 "id =" fav "name =" fav "/ > <label for "buy" => shopping </ label> <input type "checkbox" value = = = "fav" name "3" id = "fav" /> </ fieldset> <fieldset> <legend> right NT22 Tutorial views: </ legend> <label for "select" => you feel NT22 Tutorial </ label> <select size "1" id = = = "select" "select" name> <option> very comprehensive , good </ option> <option> generally like it, but also work hard to </ option> <option> a lot of problems, but can also </ option> </ select> </ fieldset> <fieldset> <legend> NT22 Tutorial Programming Languages: </ legend> = <label for "multipleselect" /> NT22 Tutorial you want to learn the programming language </ label> <select size = "10" multiple = "multiple" id = "multipleselect" name = "multipleselect" /> <option> XHTML </ option> <option> CSS </ option> <option> JAVASCRIPT </ option> <option> XML </ option> <option> PHP </ option> <option> C # </ option> <option> JAVA </ option> <option> C + + </ option> <option> PERL </ option> </ select> </ fieldset> <fieldset> <legend> I have to learn NT22 Tutorial: </ legend > <label for "WebDesign" => Choose a NT22 Tutorial you want to learn most of </ label> <select id = "WebDesign" "WebDesign" name => "client" <optgroup label => <option value = "HTML " /> HTML </ option> "CSS" <option value => CSS </ option> "javascript" <option value => javascript </ option> </ optgroup> = "server" <optgroup label option value => <" PHP " /> PHP </ option> "ASP" <option value => ASP </ option> "JSP" <option value => JSP </ option> </ optgroup> = "database" <optgroup label option value => < "Access" /> Access </ option> "MySQL" <option value => MySQL </ option> "SQLServer" <option value => SQLServer </ option> </ optgroup> </ select> </ fieldset> <fieldset> <legend> personal information: </ legend> = <label for "myimage" /> personalized photo upload </ label> <input type = "file" id = "myimage" name = "myimage" size = "35" maxlength = "255" /> = <label for "contactus" /> Contact Us </ label> <textarea cols = "50" rows = id = "10" "contactus" "contactus" name => Rickie web@nt22.com < / textarea> </ fieldset> <fieldset> <legend> submitted: </ legend> <input type "submit" value = = = "submit" name "submit" id = "submit" /> <input type = "reset" value = "reset" id = "reset" name = "reset" /> </ fieldset> </ form>

Examples of HTML fieldset labels

Note

  • Legend content generally in the upper left corner
  • Through legend to appear.