home *** CD-ROM | disk | FTP | other *** search
/ Computer Shopper 133 / dpcs0399.iso / INTERNET / COFFEE / HTMLED55 / SETUP.EXE / file0131.bin < prev    next >
Encoding:
Text File  |  1998-11-04  |  6.4 KB  |  95 lines
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
  2.    "http://www.w3.org/TR/REC-html40/strict.dtd">
  3. <html lang=en>
  4. <head>
  5. <title>LABEL - Form Field Label</title>
  6. <link rev=Made href="mailto:liam@htmlhelp.com">
  7. <link rel=Start href="../index.html">
  8. <link rel=Glossary href="http://www.htmlhelp.com/glossary/glossary.html">
  9. <link rel=Copyright href="http://www.htmlhelp.com/copyright.html">
  10. <link rel=StyleSheet href="../style.css" type="text/css">
  11. <link rel=StyleSheet href="../aural.css" type="text/css" media=aural>
  12. <meta name="author" content="Liam Quinn">
  13. <meta name="description" content="A description of HTML 4.0's LABEL element for form field labels.">
  14. <meta name="keywords" content="LABEL, label element, labels, text field, forms, form, form field, HyperText Markup Language, HTML, HTML4, HTML 4.0, Web Design Group, WDG, <label> tag, <LABEL> tag">
  15. </head>
  16. <body>
  17. <h2><img src="../wdglogo1.gif" width=250 height=83 alt="The Web Design Group"></h2>
  18. <h1>LABEL - Form Field Label</h1>
  19. <table>
  20.   <tr valign=top>
  21.     <th>Syntax</th>
  22.     <td><strong class=required><LABEL></strong>...<strong class=required></LABEL></strong></td>
  23.   </tr>
  24.   <tr valign=top>
  25.     <th>Attribute Specifications</th>
  26.     <td>
  27.       <ul>
  28.         <li>FOR=<var><a href="../values.html#idref">IDREF</a></var> (associated form field)</li>
  29.         <li>ACCESSKEY=<var><a href="../values.html#character">Character</a></var> (shortcut key)</li>
  30.         <li>ONFOCUS=<var><a href="../values.html#script">Script</a></var> (element received focus)</li>
  31.         <li>ONBLUR=<var><a href="../values.html#script">Script</a></var> (element lost focus)</li>
  32.         <li><a href="../attrs.html">common attributes</a></li>
  33.       </ul>
  34.     </td>
  35.   </tr>
  36.   <tr valign=top>
  37.     <th>Contents</th>
  38.     <td><a href="../inline.html">Inline elements</a> except LABEL</td>
  39.   </tr>
  40.   <tr valign=top>
  41.     <th>Contained in</th>
  42.     <td><a href="../block.html">Block-level elements</a>, <a href="../inline.html">inline elements</a> except <a href="button.html">BUTTON</a></td>
  43.   </tr>
  44. </table>
  45. <p>The <strong class=html>LABEL</strong> element <em>associates a label with a form control</em>. By associating labels with form controls, authors give important hints to users of speech browsers while also allowing visual browsers to duplicate common <acronym title="Graphical User Interface">GUI</acronym> features (<abbr title="for example"><i lang=la>e.g.</i></abbr>, the ability to click on a text label to select a radio button or checkbox).</p>
  46. <p>Each <strong class=html>LABEL</strong> element is associated with exactly one form control. The element's content is the label of the form control and may include <a href="../inline.html">inline elements</a> such as <strong class=html><a href="../special/img.html">IMG</a></strong> and <strong class=html><a href="../phrase/strong.html">STRONG</a></strong>.</p>
  47. <p>The <strong class=html>FOR</strong> attribute explicitly specifies the control associated with the <strong class=html>LABEL</strong>. The value of the <strong class=html>FOR</strong> attribute must match the value of the associated form control's <strong class=html><a href="../attrs.html#id">ID</a></strong> attribute. In the absence of the <strong class=html>FOR</strong> attribute, the <strong class=html>LABEL</strong> must contain the associated form control. This method of implicit association is convenient in many cases, but not an option when the form control and its label are in different table cells, paragraphs, or divisions. The following example illustrates both explicit and implicit label associations:</p>
  48. <pre class=example><code class=html><TABLE>
  49.   <TR>
  50.     <TD>
  51.       <strong><LABEL FOR=user ACCESSKEY=U>User</LABEL></strong>
  52.     </TD>
  53.     <TD>
  54.       <SELECT NAME=user <strong>ID=user</strong>>
  55.         <OPTION>Jean</OPTION>
  56.         <OPTION>Kim</OPTION>
  57.         <OPTION>Brian</OPTION>
  58.       </SELECT>
  59.     </TD>
  60.   </TR>
  61.   <TR>
  62.     <TD><strong><LABEL FOR=passwd ACCESSKEY=P>Password</LABEL></strong></TD>
  63.     <TD><INPUT TYPE=password NAME=password <strong>ID=passwd</strong>></TD>
  64.   </TR>
  65. </TABLE>
  66. <P>
  67.   <strong><LABEL ACCESSKEY=S>
  68.     <INPUT TYPE=checkbox NAME=save VALUE=yes>
  69.     Save user name and password in a cookie
  70.   </LABEL></strong>
  71. </P>
  72. <P>
  73.   <strong><LABEL ACCESSKEY=C>
  74.     Comments to post:
  75.     <TEXTAREA NAME=comments ROWS=8 COLS=50></TEXTAREA>
  76.   </LABEL></strong>
  77. </P></code></pre>
  78. <p>The <strong class=html>ACCESSKEY</strong> attribute, used throughout the preceding example, specifies a single Unicode character as a shortcut key for giving focus to the <strong class=html>LABEL</strong>, which passes the focus on to the associated form control. <a href="../entities/index.html">Entities</a> (<abbr title="for example"><i lang=la>e.g.</i></abbr> <strong class=html>&eacute;</strong>) may be used as the <strong class=html>ACCESSKEY</strong> value.</p>
  79. <p>The <strong class=html>LABEL</strong> element also takes a number of attributes to specify client-side scripting actions for various events. In addition to the <a href="../attrs.html#events">core events</a> common to most elements, <strong class=html>LABEL</strong> accepts the following event attributes:</p>
  80. <ul>
  81.   <li><strong class=html>ONFOCUS</strong>, when the element receives focus;</li>
  82.   <li><strong class=html>ONBLUR</strong>, when the element loses focus.</li>
  83. </ul>
  84. <h2>More Information</h2>
  85. <ul>
  86.   <li><a href="http://www.w3.org/TR/REC-html40/interact/forms.html#edef-LABEL">LABEL in <abbr class=initialism title="World Wide Web Consortium">W3C</abbr> HTMLá4.0 Recommendation</a></li>
  87. </ul>
  88. <div class=footer>
  89. <address>Maintained by <a href="http://www.htmlhelp.com/%7Eliam/">Liam Quinn</a> <<a href="mailto:liam@htmlhelp.com">liam@htmlhelp.com</a>></address>
  90. <p class=toolbar><a href="http://www.htmlhelp.com/"><img src="../wdglogo-small.gif" width=105 height=40 alt="Web Design Group ~"></a> <a href="../index.html" rel=Start>HTMLá4.0áReference</a>á~ <a href="../olist.html">ElementsábyáFunction</a>á~ <a href="../alist.html">ElementsáAlphabetically</a></p>
  91. <p class=copyright><a href="http://www.htmlhelp.com/copyright.html">Copyright ⌐</a> 1998 Liam Quinn. All rights reserved.</p>
  92. </div>
  93. </body>
  94. </html>
  95.