Use fieldset to create a set of form controls : fieldset « Form « HTML / CSS






Use fieldset to create a set of form controls

  

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>The fieldset element</title>
</head>

<body>

  <form method="post" action="/"> 
    <fieldset> 
      <legend>Subscribe to our mailing list</legend> 
      <label for="email">Enter your E-mail address</label> 
      <input type="text" id="email" name="email" /> 
      <input type="submit" name="subscribe" value="Subscribe" /> 
    </fieldset> 
  </form>

</body>
</html>

   
  








Related examples in the same category

1.'fieldset' groups 'form' elements by drawing a rectangle
2.Fieldset and Legend Example
3.Form field set with legend
4.Style for form fieldset
5.Fieldsets and labels
6.Set border for fieldset
7.borderless fieldsets
8.Set fieldset border to dashed style
9.Organizing Elements With fieldset and legend Elements
10.noframes for frameset
11.utf-8 charset page
12.nested fieldset background-color: #efefef;
13.fieldset padding: 1em;
14.fieldset margin: 2em 0;
15.fieldset border: 1px solid #ccc;
16.fieldset background-color: #dfdfdf;
17.fieldset margin-bottom: 1em;
18.fieldset border: 1px solid #888; border-right: 1px solid #666; border-bottom: 1px solid #666;
19.fieldset border: 3px solid rgb(234, 234, 234);
20.fieldset background: rgb(244, 244, 244);
21.Fieldset and Legend
22.Fieldset Background
23.Fieldset Alternating
24.fieldset font-size:12px; padding:10px; width:250px;text-align:right;
25.fieldset font-size:12px; padding:10px; width:250px; line-height:1.8;
26.Using legend for fieldset
27.>Organizing Elements With fieldset and legend Elements
28.The fieldset element
29.Removing the border from fieldsets
30.Nested Fieldset Example
31.fieldset border: 1px solid royalblue;
32.Element Subgroups