forms.html

html fredden.org collected 2026-10-04 11:13:35 UTC 2,336 bytes, 89 lines download raw bytes

1<!DOCTYPE html>
2<html>
3 <head>
4  <title>Example usage of &lt;label&gt; tags in a form</title>
5  <link rel="stylesheet" type="text/css" href="/assets/skin.css" />
6  <meta name="viewport" content="width=device-width, initial-scale=1">
7 </head>
8 <body>
9  <form method="get" action="#" id="main">
10   <h1>Example use of &lt;label&gt; tags in forms</h1>
11   <p>The form below has proved useful for demonstrating the purpose of &lt;label&gt; tags. Try clicking on the words in the below examples.</p>
12   <p>Return to <a href="/">fredden.org</a></p>
13   <fieldset>
14    <legend>Form elements <strong>without</strong> &lt;label&gt; tags</legend>
15    <table>
16     <tr>
17      <th>Name:</th>
18      <td><input type="text" name="name1" /></td>
19     </tr>
20     <tr>
21      <th>Email:</th>
22      <td><input type="email" name="email1" /></td>
23     </tr>
24     <tr>
25      <th>Phone:</th>
26      <td><input type="tel" name="phone1" /></td>
27     </tr>
28     <tr>
29      <th>&nbsp;</th>
30      <td>
31       <input type="checkbox" name="subscribe1" />
32       Subscribe?
33      </td>
34     </tr>
35     <tr>
36      <th>&nbsp;</th>
37      <td>
38       <input type="radio" name="type1" value="digest" />
39       Digest
40       <br />
41       <input type="radio" name="type1" value="individual" />
42       Individual
43      </td>
44     </tr>
45    </table>
46   </fieldset>
47   <fieldset>
48    <legend>Form elements <strong>with</strong> &lt;label&gt; tags</legend>
49    <table>
50     <tr>
51      <th><label for="name">Name:</label></th>
52      <td><input type="text" name="name2" id="name" /></td>
53     </tr>
54     <tr>
55      <th><label for="email">Email:</label></th>
56      <td><input type="email" name="email2" id="email" /></td>
57     </tr>
58     <tr>
59      <th><label for="phone">Phone:</label></th>
60      <td><input type="tel" name="phone2" id="phone" /></td>
61     </tr>
62     <tr>
63      <th>&nbsp;</th>
64      <td>
65       <label>
66        <input type="checkbox" name="subscribe2" />
67        Subscribe?
68       </label>
69      </td>
70     </tr>
71     <tr>
72      <th>&nbsp;</th>
73      <td>
74       <label>
75        <input type="radio" name="type2" value="digest" />
76        Digest
77       </label>
78       <br />
79       <label>
80        <input type="radio" name="type2" value="individual" />
81        Individual
82       </label>
83      </td>
84     </tr>
85    </table>
86   </fieldset>
87  </form>
88 </body>
89</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.