<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="ru">
		<id>http://wbex.ru/index.php?action=history&amp;feed=atom&amp;title=HTML%2FCSS%2FForm_Style%2Ffieldset</id>
		<title>HTML/CSS/Form Style/fieldset - История изменений</title>
		<link rel="self" type="application/atom+xml" href="http://wbex.ru/index.php?action=history&amp;feed=atom&amp;title=HTML%2FCSS%2FForm_Style%2Ffieldset"/>
		<link rel="alternate" type="text/html" href="http://wbex.ru/index.php?title=HTML/CSS/Form_Style/fieldset&amp;action=history"/>
		<updated>2026-04-04T18:26:59Z</updated>
		<subtitle>История изменений этой страницы в вики</subtitle>
		<generator>MediaWiki 1.30.0</generator>

	<entry>
		<id>http://wbex.ru/index.php?title=HTML/CSS/Form_Style/fieldset&amp;diff=5600&amp;oldid=prev</id>
		<title> в 09:21, 26 мая 2010</title>
		<link rel="alternate" type="text/html" href="http://wbex.ru/index.php?title=HTML/CSS/Form_Style/fieldset&amp;diff=5600&amp;oldid=prev"/>
				<updated>2010-05-26T09:21:00Z</updated>
		
		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table class=&quot;diff diff-contentalign-left&quot; data-mw=&quot;interface&quot;&gt;
				&lt;tr style=&quot;vertical-align: top;&quot; lang=&quot;ru&quot;&gt;
				&lt;td colspan=&quot;1&quot; style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;← Предыдущая&lt;/td&gt;
				&lt;td colspan=&quot;1&quot; style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;Версия 09:21, 26 мая 2010&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; style=&quot;text-align: center;&quot; lang=&quot;ru&quot;&gt;&lt;div class=&quot;mw-diff-empty&quot;&gt;(нет различий)&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</summary>
			</entry>

	<entry>
		<id>http://wbex.ru/index.php?title=HTML/CSS/Form_Style/fieldset&amp;diff=5601&amp;oldid=prev</id>
		<title>Admin: 1 версия</title>
		<link rel="alternate" type="text/html" href="http://wbex.ru/index.php?title=HTML/CSS/Form_Style/fieldset&amp;diff=5601&amp;oldid=prev"/>
				<updated>2010-05-26T08:17:04Z</updated>
		
		<summary type="html">&lt;p&gt;1 версия&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Новая страница&lt;/b&gt;&lt;/p&gt;&lt;div&gt;==borderless fieldsets==&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   &lt;br /&gt;
  &amp;lt;!-- start source code --&amp;gt;&lt;br /&gt;
   &lt;br /&gt;
    &amp;lt;source lang=&amp;quot;html4strict&amp;quot;&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
&amp;lt;!DOCTYPE html PUBLIC &amp;quot;-//W3C//DTD XHTML 1.0 Strict//EN&amp;quot;&lt;br /&gt;
  &amp;quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;html xmlns=&amp;quot;http://www.w3.org/1999/xhtml&amp;quot; xml:lang=&amp;quot;en&amp;quot; lang=&amp;quot;en&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;head&amp;gt;&lt;br /&gt;
  &amp;lt;meta http-equiv=&amp;quot;Content-Type&amp;quot; content=&amp;quot;text/html; charset=utf-8&amp;quot; /&amp;gt;&lt;br /&gt;
  &amp;lt;title&amp;gt;Removing the border from fieldsets&amp;lt;/title&amp;gt;&lt;br /&gt;
  &amp;lt;style type=&amp;quot;text/css&amp;quot;&amp;gt;&lt;br /&gt;
  ul { list-style: none; margin: 0; padding: 0; }&lt;br /&gt;
  li { margin: .2em 0; }&lt;br /&gt;
  &lt;br /&gt;
  fieldset {&lt;br /&gt;
    border: none;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
  }&lt;br /&gt;
  &amp;lt;/style&amp;gt;&lt;br /&gt;
&amp;lt;/head&amp;gt;&lt;br /&gt;
&amp;lt;body&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
    &amp;lt;form method=&amp;quot;post&amp;quot; action=&amp;quot;&amp;quot;&amp;gt;&lt;br /&gt;
      &amp;lt;fieldset&amp;gt;&lt;br /&gt;
        &amp;lt;legend&amp;gt;Subscribe to our mailing list&amp;lt;/legend&amp;gt;&lt;br /&gt;
          &amp;lt;p&amp;gt;&amp;lt;label for=&amp;quot;email&amp;quot;&amp;gt;Your E-mail address&amp;lt;/label&amp;gt; &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;email&amp;quot; /&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
          &amp;lt;fieldset&amp;gt;&lt;br /&gt;
            &amp;lt;legend&amp;gt;Select your preferred format&amp;lt;/legend&amp;gt;&lt;br /&gt;
            &amp;lt;ul&amp;gt;&lt;br /&gt;
              &amp;lt;li&amp;gt;&amp;lt;label for=&amp;quot;text&amp;quot;&amp;gt;&amp;lt;input type=&amp;quot;radio&amp;quot; name=&amp;quot;pref&amp;quot; id=&amp;quot;text&amp;quot; /&amp;gt; Plain text&amp;lt;/label&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;
              &amp;lt;li&amp;gt;&amp;lt;label for=&amp;quot;html&amp;quot;&amp;gt;&amp;lt;input type=&amp;quot;radio&amp;quot; name=&amp;quot;pref&amp;quot; id=&amp;quot;html&amp;quot; /&amp;gt; HTML&amp;lt;/label&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;
            &amp;lt;/ul&amp;gt;&lt;br /&gt;
          &amp;lt;/fieldset&amp;gt;&lt;br /&gt;
        &amp;lt;p&amp;gt;&amp;lt;input type=&amp;quot;submit&amp;quot; id=&amp;quot;subscribe&amp;quot; value=&amp;quot;Subscribe&amp;quot; /&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
      &amp;lt;/fieldset&amp;gt;&lt;br /&gt;
    &amp;lt;/form&amp;gt;&lt;br /&gt;
&amp;lt;/body&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;br /&gt;
 &amp;lt;/source&amp;gt;&lt;br /&gt;
    &lt;br /&gt;
   &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==fieldset background-color:  #dfdfdf;==&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   &lt;br /&gt;
  &amp;lt;!-- start source code --&amp;gt;&lt;br /&gt;
   &lt;br /&gt;
    &amp;lt;source lang=&amp;quot;html4strict&amp;quot;&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
&lt;br /&gt;
&amp;lt;!DOCTYPE html PUBLIC &amp;quot;-//W3C//DTD XHTML 1.0 Strict//EN&amp;quot; &amp;quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;html xmlns=&amp;quot;http://www.w3.org/1999/xhtml&amp;quot; xml:lang=&amp;quot;en&amp;quot; lang=&amp;quot;en&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;head&amp;gt;&lt;br /&gt;
    &amp;lt;meta http-equiv=&amp;quot;Content-Type&amp;quot; content=&amp;quot;text/html; charset=utf-8&amp;quot;/&amp;gt;&lt;br /&gt;
    &amp;lt;title&amp;gt;Example form&amp;lt;/title&amp;gt;&lt;br /&gt;
    &amp;lt;style rel=&amp;quot;stylesheet&amp;quot; type=&amp;quot;text/css&amp;quot; media=&amp;quot;screen&amp;quot;&amp;gt;&lt;br /&gt;
fieldset {&lt;br /&gt;
    background-color:  #dfdfdf;&lt;br /&gt;
    border:  1px solid #ccc;&lt;br /&gt;
    margin:  2em 0;&lt;br /&gt;
    padding:  1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
    &amp;lt;/style&amp;gt;&lt;br /&gt;
  &amp;lt;/head&amp;gt;&lt;br /&gt;
  &lt;br /&gt;
  &amp;lt;body&amp;gt;&lt;br /&gt;
    &amp;lt;form id=&amp;quot;&amp;quot; action=&amp;quot;&amp;quot; method=&amp;quot;post&amp;quot;&amp;gt;&lt;br /&gt;
      &lt;br /&gt;
      &amp;lt;fieldset id=&amp;quot;name&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;legend&amp;gt;Name&amp;lt;/legend&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;Title&lt;br /&gt;
          &amp;lt;select id=&amp;quot;title1&amp;quot; name=&amp;quot;title1&amp;quot;&amp;gt;&lt;br /&gt;
            &amp;lt;option selected=&amp;quot;selected&amp;quot;&amp;gt;Mr.&amp;lt;/option&amp;gt;&lt;br /&gt;
            &amp;lt;option&amp;gt;Mrs.&amp;lt;/option&amp;gt;&lt;br /&gt;
            &amp;lt;option&amp;gt;Ms.&amp;lt;/option&amp;gt;&lt;br /&gt;
          &amp;lt;/select&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;First name&lt;br /&gt;
          &amp;lt;input id=&amp;quot;first-name&amp;quot; name=&amp;quot;first-name&amp;quot; type=&amp;quot;text&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;Last name&lt;br /&gt;
          &amp;lt;input id=&amp;quot;las-name&amp;quot; name=&amp;quot;last-name&amp;quot; type=&amp;quot;text&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;br /&amp;gt;&lt;br /&gt;
      &amp;lt;/fieldset&amp;gt;&lt;br /&gt;
      &amp;lt;fieldset id=&amp;quot;address&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;legend&amp;gt;Address&amp;lt;/legend&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;Street&lt;br /&gt;
          &amp;lt;input id=&amp;quot;street&amp;quot; name=&amp;quot;street&amp;quot; type=&amp;quot;text&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;br /&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;City&lt;br /&gt;
          &amp;lt;input id=&amp;quot;city&amp;quot; name=&amp;quot;city&amp;quot; type=&amp;quot;text&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;State&lt;br /&gt;
          &amp;lt;input id=&amp;quot;state&amp;quot; name=&amp;quot;state&amp;quot; type=&amp;quot;text&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;Zip code&lt;br /&gt;
          &amp;lt;input id=&amp;quot;zip&amp;quot; name=&amp;quot;zip&amp;quot; type=&amp;quot;text&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;br /&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;Country&lt;br /&gt;
          &amp;lt;input id=&amp;quot;country&amp;quot; name=&amp;quot;country&amp;quot; type=&amp;quot;text&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;br /&amp;gt;&lt;br /&gt;
      &amp;lt;/fieldset&amp;gt;&lt;br /&gt;
      &amp;lt;fieldset id=&amp;quot;payment&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;legend&amp;gt;Payment option&amp;lt;/legend&amp;gt;&lt;br /&gt;
          &amp;lt;fieldset id=&amp;quot;credit_card&amp;quot;&amp;gt;&lt;br /&gt;
            &amp;lt;legend&amp;gt;Credit card&amp;lt;/legend&amp;gt;&lt;br /&gt;
            &amp;lt;label&amp;gt;&amp;lt;input id=&amp;quot;visa&amp;quot; name=&amp;quot;visa&amp;quot; type=&amp;quot;radio&amp;quot; /&amp;gt; Visa&amp;lt;/label&amp;gt;&lt;br /&gt;
            &amp;lt;label&amp;gt;&amp;lt;input id=&amp;quot;mastercard&amp;quot; name=&amp;quot;mastercard&amp;quot; type=&amp;quot;radio&amp;quot; /&amp;gt; Mastercard&amp;lt;/label&amp;gt;&lt;br /&gt;
            &amp;lt;label&amp;gt;&amp;lt;input id=&amp;quot;discover&amp;quot; name=&amp;quot;discover&amp;quot; type=&amp;quot;radio&amp;quot; /&amp;gt; Discover&amp;lt;/label&amp;gt;&lt;br /&gt;
            &amp;lt;br /&amp;gt;&lt;br /&gt;
          &amp;lt;/fieldset&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;Card number&lt;br /&gt;
          &amp;lt;input id=&amp;quot;card_number&amp;quot; name=&amp;quot;card_number&amp;quot; type=&amp;quot;text&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;Expiration date&lt;br /&gt;
          &amp;lt;input id=&amp;quot;expiration&amp;quot; name=&amp;quot;expiration&amp;quot; type=&amp;quot;text&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;br /&amp;gt;&lt;br /&gt;
        &amp;lt;input class=&amp;quot;submit&amp;quot; type=&amp;quot;submit&amp;quot; value=&amp;quot;Submit&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;br /&amp;gt;&lt;br /&gt;
      &amp;lt;/fieldset&amp;gt;&lt;br /&gt;
      &lt;br /&gt;
    &amp;lt;/form&amp;gt;&lt;br /&gt;
  &amp;lt;/body&amp;gt;&lt;br /&gt;
  &lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;br /&gt;
 &amp;lt;/source&amp;gt;&lt;br /&gt;
    &lt;br /&gt;
   &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==fieldset border:  1px solid #ccc;==&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   &lt;br /&gt;
  &amp;lt;!-- start source code --&amp;gt;&lt;br /&gt;
   &lt;br /&gt;
    &amp;lt;source lang=&amp;quot;html4strict&amp;quot;&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
&lt;br /&gt;
&amp;lt;!DOCTYPE html PUBLIC &amp;quot;-//W3C//DTD XHTML 1.0 Strict//EN&amp;quot; &amp;quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;html xmlns=&amp;quot;http://www.w3.org/1999/xhtml&amp;quot; xml:lang=&amp;quot;en&amp;quot; lang=&amp;quot;en&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;head&amp;gt;&lt;br /&gt;
    &amp;lt;meta http-equiv=&amp;quot;Content-Type&amp;quot; content=&amp;quot;text/html; charset=utf-8&amp;quot;/&amp;gt;&lt;br /&gt;
    &amp;lt;title&amp;gt;Example form&amp;lt;/title&amp;gt;&lt;br /&gt;
    &amp;lt;style rel=&amp;quot;stylesheet&amp;quot; type=&amp;quot;text/css&amp;quot; media=&amp;quot;screen&amp;quot;&amp;gt;&lt;br /&gt;
fieldset {&lt;br /&gt;
    background-color:  #dfdfdf;&lt;br /&gt;
    border:  1px solid #ccc;&lt;br /&gt;
    margin:  2em 0;&lt;br /&gt;
    padding:  1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
    &amp;lt;/style&amp;gt;&lt;br /&gt;
  &amp;lt;/head&amp;gt;&lt;br /&gt;
  &lt;br /&gt;
  &amp;lt;body&amp;gt;&lt;br /&gt;
    &amp;lt;form id=&amp;quot;&amp;quot; action=&amp;quot;&amp;quot; method=&amp;quot;post&amp;quot;&amp;gt;&lt;br /&gt;
      &lt;br /&gt;
      &amp;lt;fieldset id=&amp;quot;name&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;legend&amp;gt;Name&amp;lt;/legend&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;Title&lt;br /&gt;
          &amp;lt;select id=&amp;quot;title1&amp;quot; name=&amp;quot;title1&amp;quot;&amp;gt;&lt;br /&gt;
            &amp;lt;option selected=&amp;quot;selected&amp;quot;&amp;gt;Mr.&amp;lt;/option&amp;gt;&lt;br /&gt;
            &amp;lt;option&amp;gt;Mrs.&amp;lt;/option&amp;gt;&lt;br /&gt;
            &amp;lt;option&amp;gt;Ms.&amp;lt;/option&amp;gt;&lt;br /&gt;
          &amp;lt;/select&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;First name&lt;br /&gt;
          &amp;lt;input id=&amp;quot;first-name&amp;quot; name=&amp;quot;first-name&amp;quot; type=&amp;quot;text&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;Last name&lt;br /&gt;
          &amp;lt;input id=&amp;quot;las-name&amp;quot; name=&amp;quot;last-name&amp;quot; type=&amp;quot;text&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;br /&amp;gt;&lt;br /&gt;
      &amp;lt;/fieldset&amp;gt;&lt;br /&gt;
      &amp;lt;fieldset id=&amp;quot;address&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;legend&amp;gt;Address&amp;lt;/legend&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;Street&lt;br /&gt;
          &amp;lt;input id=&amp;quot;street&amp;quot; name=&amp;quot;street&amp;quot; type=&amp;quot;text&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;br /&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;City&lt;br /&gt;
          &amp;lt;input id=&amp;quot;city&amp;quot; name=&amp;quot;city&amp;quot; type=&amp;quot;text&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;State&lt;br /&gt;
          &amp;lt;input id=&amp;quot;state&amp;quot; name=&amp;quot;state&amp;quot; type=&amp;quot;text&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;Zip code&lt;br /&gt;
          &amp;lt;input id=&amp;quot;zip&amp;quot; name=&amp;quot;zip&amp;quot; type=&amp;quot;text&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;br /&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;Country&lt;br /&gt;
          &amp;lt;input id=&amp;quot;country&amp;quot; name=&amp;quot;country&amp;quot; type=&amp;quot;text&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;br /&amp;gt;&lt;br /&gt;
      &amp;lt;/fieldset&amp;gt;&lt;br /&gt;
      &amp;lt;fieldset id=&amp;quot;payment&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;legend&amp;gt;Payment option&amp;lt;/legend&amp;gt;&lt;br /&gt;
          &amp;lt;fieldset id=&amp;quot;credit_card&amp;quot;&amp;gt;&lt;br /&gt;
            &amp;lt;legend&amp;gt;Credit card&amp;lt;/legend&amp;gt;&lt;br /&gt;
            &amp;lt;label&amp;gt;&amp;lt;input id=&amp;quot;visa&amp;quot; name=&amp;quot;visa&amp;quot; type=&amp;quot;radio&amp;quot; /&amp;gt; Visa&amp;lt;/label&amp;gt;&lt;br /&gt;
            &amp;lt;label&amp;gt;&amp;lt;input id=&amp;quot;mastercard&amp;quot; name=&amp;quot;mastercard&amp;quot; type=&amp;quot;radio&amp;quot; /&amp;gt; Mastercard&amp;lt;/label&amp;gt;&lt;br /&gt;
            &amp;lt;label&amp;gt;&amp;lt;input id=&amp;quot;discover&amp;quot; name=&amp;quot;discover&amp;quot; type=&amp;quot;radio&amp;quot; /&amp;gt; Discover&amp;lt;/label&amp;gt;&lt;br /&gt;
            &amp;lt;br /&amp;gt;&lt;br /&gt;
          &amp;lt;/fieldset&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;Card number&lt;br /&gt;
          &amp;lt;input id=&amp;quot;card_number&amp;quot; name=&amp;quot;card_number&amp;quot; type=&amp;quot;text&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;Expiration date&lt;br /&gt;
          &amp;lt;input id=&amp;quot;expiration&amp;quot; name=&amp;quot;expiration&amp;quot; type=&amp;quot;text&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;br /&amp;gt;&lt;br /&gt;
        &amp;lt;input class=&amp;quot;submit&amp;quot; type=&amp;quot;submit&amp;quot; value=&amp;quot;Submit&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;br /&amp;gt;&lt;br /&gt;
      &amp;lt;/fieldset&amp;gt;&lt;br /&gt;
      &lt;br /&gt;
    &amp;lt;/form&amp;gt;&lt;br /&gt;
  &amp;lt;/body&amp;gt;&lt;br /&gt;
  &lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;br /&gt;
 &amp;lt;/source&amp;gt;&lt;br /&gt;
    &lt;br /&gt;
   &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==fieldset margin:  2em 0;==&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   &lt;br /&gt;
  &amp;lt;!-- start source code --&amp;gt;&lt;br /&gt;
   &lt;br /&gt;
    &amp;lt;source lang=&amp;quot;html4strict&amp;quot;&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
&lt;br /&gt;
&amp;lt;!DOCTYPE html PUBLIC &amp;quot;-//W3C//DTD XHTML 1.0 Strict//EN&amp;quot; &amp;quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;html xmlns=&amp;quot;http://www.w3.org/1999/xhtml&amp;quot; xml:lang=&amp;quot;en&amp;quot; lang=&amp;quot;en&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;head&amp;gt;&lt;br /&gt;
    &amp;lt;meta http-equiv=&amp;quot;Content-Type&amp;quot; content=&amp;quot;text/html; charset=utf-8&amp;quot;/&amp;gt;&lt;br /&gt;
    &amp;lt;title&amp;gt;Example form&amp;lt;/title&amp;gt;&lt;br /&gt;
    &amp;lt;style rel=&amp;quot;stylesheet&amp;quot; type=&amp;quot;text/css&amp;quot; media=&amp;quot;screen&amp;quot;&amp;gt;&lt;br /&gt;
fieldset {&lt;br /&gt;
    background-color:  #dfdfdf;&lt;br /&gt;
    border:  1px solid #ccc;&lt;br /&gt;
    margin:  2em 0;&lt;br /&gt;
    padding:  1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
    &amp;lt;/style&amp;gt;&lt;br /&gt;
  &amp;lt;/head&amp;gt;&lt;br /&gt;
  &lt;br /&gt;
  &amp;lt;body&amp;gt;&lt;br /&gt;
    &amp;lt;form id=&amp;quot;&amp;quot; action=&amp;quot;&amp;quot; method=&amp;quot;post&amp;quot;&amp;gt;&lt;br /&gt;
      &lt;br /&gt;
      &amp;lt;fieldset id=&amp;quot;name&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;legend&amp;gt;Name&amp;lt;/legend&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;Title&lt;br /&gt;
          &amp;lt;select id=&amp;quot;title1&amp;quot; name=&amp;quot;title1&amp;quot;&amp;gt;&lt;br /&gt;
            &amp;lt;option selected=&amp;quot;selected&amp;quot;&amp;gt;Mr.&amp;lt;/option&amp;gt;&lt;br /&gt;
            &amp;lt;option&amp;gt;Mrs.&amp;lt;/option&amp;gt;&lt;br /&gt;
            &amp;lt;option&amp;gt;Ms.&amp;lt;/option&amp;gt;&lt;br /&gt;
          &amp;lt;/select&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;First name&lt;br /&gt;
          &amp;lt;input id=&amp;quot;first-name&amp;quot; name=&amp;quot;first-name&amp;quot; type=&amp;quot;text&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;Last name&lt;br /&gt;
          &amp;lt;input id=&amp;quot;las-name&amp;quot; name=&amp;quot;last-name&amp;quot; type=&amp;quot;text&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;br /&amp;gt;&lt;br /&gt;
      &amp;lt;/fieldset&amp;gt;&lt;br /&gt;
      &amp;lt;fieldset id=&amp;quot;address&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;legend&amp;gt;Address&amp;lt;/legend&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;Street&lt;br /&gt;
          &amp;lt;input id=&amp;quot;street&amp;quot; name=&amp;quot;street&amp;quot; type=&amp;quot;text&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;br /&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;City&lt;br /&gt;
          &amp;lt;input id=&amp;quot;city&amp;quot; name=&amp;quot;city&amp;quot; type=&amp;quot;text&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;State&lt;br /&gt;
          &amp;lt;input id=&amp;quot;state&amp;quot; name=&amp;quot;state&amp;quot; type=&amp;quot;text&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;Zip code&lt;br /&gt;
          &amp;lt;input id=&amp;quot;zip&amp;quot; name=&amp;quot;zip&amp;quot; type=&amp;quot;text&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;br /&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;Country&lt;br /&gt;
          &amp;lt;input id=&amp;quot;country&amp;quot; name=&amp;quot;country&amp;quot; type=&amp;quot;text&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;br /&amp;gt;&lt;br /&gt;
      &amp;lt;/fieldset&amp;gt;&lt;br /&gt;
      &amp;lt;fieldset id=&amp;quot;payment&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;legend&amp;gt;Payment option&amp;lt;/legend&amp;gt;&lt;br /&gt;
          &amp;lt;fieldset id=&amp;quot;credit_card&amp;quot;&amp;gt;&lt;br /&gt;
            &amp;lt;legend&amp;gt;Credit card&amp;lt;/legend&amp;gt;&lt;br /&gt;
            &amp;lt;label&amp;gt;&amp;lt;input id=&amp;quot;visa&amp;quot; name=&amp;quot;visa&amp;quot; type=&amp;quot;radio&amp;quot; /&amp;gt; Visa&amp;lt;/label&amp;gt;&lt;br /&gt;
            &amp;lt;label&amp;gt;&amp;lt;input id=&amp;quot;mastercard&amp;quot; name=&amp;quot;mastercard&amp;quot; type=&amp;quot;radio&amp;quot; /&amp;gt; Mastercard&amp;lt;/label&amp;gt;&lt;br /&gt;
            &amp;lt;label&amp;gt;&amp;lt;input id=&amp;quot;discover&amp;quot; name=&amp;quot;discover&amp;quot; type=&amp;quot;radio&amp;quot; /&amp;gt; Discover&amp;lt;/label&amp;gt;&lt;br /&gt;
            &amp;lt;br /&amp;gt;&lt;br /&gt;
          &amp;lt;/fieldset&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;Card number&lt;br /&gt;
          &amp;lt;input id=&amp;quot;card_number&amp;quot; name=&amp;quot;card_number&amp;quot; type=&amp;quot;text&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;Expiration date&lt;br /&gt;
          &amp;lt;input id=&amp;quot;expiration&amp;quot; name=&amp;quot;expiration&amp;quot; type=&amp;quot;text&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;br /&amp;gt;&lt;br /&gt;
        &amp;lt;input class=&amp;quot;submit&amp;quot; type=&amp;quot;submit&amp;quot; value=&amp;quot;Submit&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;br /&amp;gt;&lt;br /&gt;
      &amp;lt;/fieldset&amp;gt;&lt;br /&gt;
      &lt;br /&gt;
    &amp;lt;/form&amp;gt;&lt;br /&gt;
  &amp;lt;/body&amp;gt;&lt;br /&gt;
  &lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;br /&gt;
 &amp;lt;/source&amp;gt;&lt;br /&gt;
    &lt;br /&gt;
   &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==fieldset padding:  1em;==&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   &lt;br /&gt;
  &amp;lt;!-- start source code --&amp;gt;&lt;br /&gt;
   &lt;br /&gt;
    &amp;lt;source lang=&amp;quot;html4strict&amp;quot;&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
&lt;br /&gt;
&amp;lt;!DOCTYPE html PUBLIC &amp;quot;-//W3C//DTD XHTML 1.0 Strict//EN&amp;quot; &amp;quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;html xmlns=&amp;quot;http://www.w3.org/1999/xhtml&amp;quot; xml:lang=&amp;quot;en&amp;quot; lang=&amp;quot;en&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;head&amp;gt;&lt;br /&gt;
    &amp;lt;meta http-equiv=&amp;quot;Content-Type&amp;quot; content=&amp;quot;text/html; charset=utf-8&amp;quot;/&amp;gt;&lt;br /&gt;
    &amp;lt;title&amp;gt;Example form&amp;lt;/title&amp;gt;&lt;br /&gt;
    &amp;lt;style rel=&amp;quot;stylesheet&amp;quot; type=&amp;quot;text/css&amp;quot; media=&amp;quot;screen&amp;quot;&amp;gt;&lt;br /&gt;
fieldset {&lt;br /&gt;
    background-color:  #dfdfdf;&lt;br /&gt;
    border:  1px solid #ccc;&lt;br /&gt;
    margin:  2em 0;&lt;br /&gt;
    padding:  1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
    &amp;lt;/style&amp;gt;&lt;br /&gt;
  &amp;lt;/head&amp;gt;&lt;br /&gt;
  &lt;br /&gt;
  &amp;lt;body&amp;gt;&lt;br /&gt;
    &amp;lt;form id=&amp;quot;&amp;quot; action=&amp;quot;&amp;quot; method=&amp;quot;post&amp;quot;&amp;gt;&lt;br /&gt;
      &lt;br /&gt;
      &amp;lt;fieldset id=&amp;quot;name&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;legend&amp;gt;Name&amp;lt;/legend&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;Title&lt;br /&gt;
          &amp;lt;select id=&amp;quot;title1&amp;quot; name=&amp;quot;title1&amp;quot;&amp;gt;&lt;br /&gt;
            &amp;lt;option selected=&amp;quot;selected&amp;quot;&amp;gt;Mr.&amp;lt;/option&amp;gt;&lt;br /&gt;
            &amp;lt;option&amp;gt;Mrs.&amp;lt;/option&amp;gt;&lt;br /&gt;
            &amp;lt;option&amp;gt;Ms.&amp;lt;/option&amp;gt;&lt;br /&gt;
          &amp;lt;/select&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;First name&lt;br /&gt;
          &amp;lt;input id=&amp;quot;first-name&amp;quot; name=&amp;quot;first-name&amp;quot; type=&amp;quot;text&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;Last name&lt;br /&gt;
          &amp;lt;input id=&amp;quot;las-name&amp;quot; name=&amp;quot;last-name&amp;quot; type=&amp;quot;text&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;br /&amp;gt;&lt;br /&gt;
      &amp;lt;/fieldset&amp;gt;&lt;br /&gt;
      &amp;lt;fieldset id=&amp;quot;address&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;legend&amp;gt;Address&amp;lt;/legend&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;Street&lt;br /&gt;
          &amp;lt;input id=&amp;quot;street&amp;quot; name=&amp;quot;street&amp;quot; type=&amp;quot;text&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;br /&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;City&lt;br /&gt;
          &amp;lt;input id=&amp;quot;city&amp;quot; name=&amp;quot;city&amp;quot; type=&amp;quot;text&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;State&lt;br /&gt;
          &amp;lt;input id=&amp;quot;state&amp;quot; name=&amp;quot;state&amp;quot; type=&amp;quot;text&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;Zip code&lt;br /&gt;
          &amp;lt;input id=&amp;quot;zip&amp;quot; name=&amp;quot;zip&amp;quot; type=&amp;quot;text&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;br /&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;Country&lt;br /&gt;
          &amp;lt;input id=&amp;quot;country&amp;quot; name=&amp;quot;country&amp;quot; type=&amp;quot;text&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;br /&amp;gt;&lt;br /&gt;
      &amp;lt;/fieldset&amp;gt;&lt;br /&gt;
      &amp;lt;fieldset id=&amp;quot;payment&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;legend&amp;gt;Payment option&amp;lt;/legend&amp;gt;&lt;br /&gt;
          &amp;lt;fieldset id=&amp;quot;credit_card&amp;quot;&amp;gt;&lt;br /&gt;
            &amp;lt;legend&amp;gt;Credit card&amp;lt;/legend&amp;gt;&lt;br /&gt;
            &amp;lt;label&amp;gt;&amp;lt;input id=&amp;quot;visa&amp;quot; name=&amp;quot;visa&amp;quot; type=&amp;quot;radio&amp;quot; /&amp;gt; Visa&amp;lt;/label&amp;gt;&lt;br /&gt;
            &amp;lt;label&amp;gt;&amp;lt;input id=&amp;quot;mastercard&amp;quot; name=&amp;quot;mastercard&amp;quot; type=&amp;quot;radio&amp;quot; /&amp;gt; Mastercard&amp;lt;/label&amp;gt;&lt;br /&gt;
            &amp;lt;label&amp;gt;&amp;lt;input id=&amp;quot;discover&amp;quot; name=&amp;quot;discover&amp;quot; type=&amp;quot;radio&amp;quot; /&amp;gt; Discover&amp;lt;/label&amp;gt;&lt;br /&gt;
            &amp;lt;br /&amp;gt;&lt;br /&gt;
          &amp;lt;/fieldset&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;Card number&lt;br /&gt;
          &amp;lt;input id=&amp;quot;card_number&amp;quot; name=&amp;quot;card_number&amp;quot; type=&amp;quot;text&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;Expiration date&lt;br /&gt;
          &amp;lt;input id=&amp;quot;expiration&amp;quot; name=&amp;quot;expiration&amp;quot; type=&amp;quot;text&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;br /&amp;gt;&lt;br /&gt;
        &amp;lt;input class=&amp;quot;submit&amp;quot; type=&amp;quot;submit&amp;quot; value=&amp;quot;Submit&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;br /&amp;gt;&lt;br /&gt;
      &amp;lt;/fieldset&amp;gt;&lt;br /&gt;
      &lt;br /&gt;
    &amp;lt;/form&amp;gt;&lt;br /&gt;
  &amp;lt;/body&amp;gt;&lt;br /&gt;
  &lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;br /&gt;
 &amp;lt;/source&amp;gt;&lt;br /&gt;
    &lt;br /&gt;
   &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==Fieldsets and labels==&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   &lt;br /&gt;
  &amp;lt;!-- start source code --&amp;gt;&lt;br /&gt;
   &lt;br /&gt;
    &amp;lt;source lang=&amp;quot;html4strict&amp;quot;&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
&amp;lt;!DOCTYPE html PUBLIC &amp;quot;-//W3C//DTD XHTML 1.0 Strict//EN&amp;quot;&lt;br /&gt;
  &amp;quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;html xmlns=&amp;quot;http://www.w3.org/1999/xhtml&amp;quot; xml:lang=&amp;quot;en&amp;quot; lang=&amp;quot;en&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;head&amp;gt;&lt;br /&gt;
  &amp;lt;meta http-equiv=&amp;quot;Content-Type&amp;quot; content=&amp;quot;text/html; charset=utf-8&amp;quot; /&amp;gt;&lt;br /&gt;
  &amp;lt;title&amp;gt;Fieldsets and labels&amp;lt;/title&amp;gt;&lt;br /&gt;
&amp;lt;/head&amp;gt;&lt;br /&gt;
&amp;lt;body&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
  &amp;lt;form method=&amp;quot;post&amp;quot; action=&amp;quot;/&amp;quot;&amp;gt;&lt;br /&gt;
    &lt;br /&gt;
    &amp;lt;fieldset&amp;gt; &lt;br /&gt;
      &amp;lt;legend&amp;gt;Subscribe to our mailing list&amp;lt;/legend&amp;gt; &lt;br /&gt;
        &amp;lt;p&amp;gt; &lt;br /&gt;
          &amp;lt;label for=&amp;quot;email&amp;quot;&amp;gt;Your E-mail address&amp;lt;/label&amp;gt; &lt;br /&gt;
          &amp;lt;input type=&amp;quot;text&amp;quot; name=&amp;quot;email&amp;quot; id=&amp;quot;email&amp;quot; /&amp;gt; &lt;br /&gt;
        &amp;lt;/p&amp;gt; &lt;br /&gt;
        &amp;lt;fieldset&amp;gt; &lt;br /&gt;
          &amp;lt;legend&amp;gt;Select your preferred format&amp;lt;/legend&amp;gt; &lt;br /&gt;
          &amp;lt;ul&amp;gt; &lt;br /&gt;
            &amp;lt;li&amp;gt; &lt;br /&gt;
              &amp;lt;label for=&amp;quot;text&amp;quot;&amp;gt; &lt;br /&gt;
                &amp;lt;input type=&amp;quot;radio&amp;quot; name=&amp;quot;pref&amp;quot; value=&amp;quot;text&amp;quot; id=&amp;quot;text&amp;quot; /&amp;gt; Plain text &lt;br /&gt;
              &amp;lt;/label&amp;gt; &lt;br /&gt;
            &amp;lt;/li&amp;gt; &lt;br /&gt;
            &amp;lt;li&amp;gt; &lt;br /&gt;
               &amp;lt;label for=&amp;quot;html&amp;quot;&amp;gt; &lt;br /&gt;
                 &amp;lt;input type=&amp;quot;radio&amp;quot; name=&amp;quot;pref&amp;quot; value=&amp;quot;html&amp;quot; id=&amp;quot;html&amp;quot; /&amp;gt; HTML &lt;br /&gt;
               &amp;lt;/label&amp;gt; &lt;br /&gt;
            &amp;lt;/li&amp;gt; &lt;br /&gt;
          &amp;lt;/ul&amp;gt; &lt;br /&gt;
        &amp;lt;/fieldset&amp;gt; &lt;br /&gt;
      &amp;lt;p&amp;gt;&amp;lt;input type=&amp;quot;submit&amp;quot; id=&amp;quot;subscribe&amp;quot; value=&amp;quot;Subscribe&amp;quot; /&amp;gt;&amp;lt;/p&amp;gt; &lt;br /&gt;
    &amp;lt;/fieldset&amp;gt;&lt;br /&gt;
     &lt;br /&gt;
  &amp;lt;/form&amp;gt;&lt;br /&gt;
&amp;lt;/body&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;br /&gt;
 &amp;lt;/source&amp;gt;&lt;br /&gt;
    &lt;br /&gt;
   &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==nested fieldset background-color:  #efefef;==&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   &lt;br /&gt;
  &amp;lt;!-- start source code --&amp;gt;&lt;br /&gt;
   &lt;br /&gt;
    &amp;lt;source lang=&amp;quot;html4strict&amp;quot;&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
&lt;br /&gt;
&amp;lt;!DOCTYPE html PUBLIC &amp;quot;-//W3C//DTD XHTML 1.0 Strict//EN&amp;quot; &amp;quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;html xmlns=&amp;quot;http://www.w3.org/1999/xhtml&amp;quot; xml:lang=&amp;quot;en&amp;quot; lang=&amp;quot;en&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;head&amp;gt;&lt;br /&gt;
    &amp;lt;meta http-equiv=&amp;quot;Content-Type&amp;quot; content=&amp;quot;text/html; charset=utf-8&amp;quot;/&amp;gt;&lt;br /&gt;
    &amp;lt;title&amp;gt;Example form&amp;lt;/title&amp;gt;&lt;br /&gt;
    &amp;lt;style rel=&amp;quot;stylesheet&amp;quot; type=&amp;quot;text/css&amp;quot; media=&amp;quot;screen&amp;quot;&amp;gt;&lt;br /&gt;
fieldset fieldset {&lt;br /&gt;
    background-color:  #efefef;&lt;br /&gt;
    margin:  1em 0;&lt;br /&gt;
}&lt;br /&gt;
    &amp;lt;/style&amp;gt;&lt;br /&gt;
  &amp;lt;/head&amp;gt;&lt;br /&gt;
  &lt;br /&gt;
  &amp;lt;body&amp;gt;&lt;br /&gt;
    &amp;lt;form id=&amp;quot;&amp;quot; action=&amp;quot;&amp;quot; method=&amp;quot;post&amp;quot;&amp;gt;&lt;br /&gt;
      &lt;br /&gt;
      &amp;lt;fieldset id=&amp;quot;name&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;legend&amp;gt;Name&amp;lt;/legend&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;Title&lt;br /&gt;
          &amp;lt;select id=&amp;quot;title1&amp;quot; name=&amp;quot;title1&amp;quot;&amp;gt;&lt;br /&gt;
            &amp;lt;option selected=&amp;quot;selected&amp;quot;&amp;gt;Mr.&amp;lt;/option&amp;gt;&lt;br /&gt;
            &amp;lt;option&amp;gt;Mrs.&amp;lt;/option&amp;gt;&lt;br /&gt;
            &amp;lt;option&amp;gt;Ms.&amp;lt;/option&amp;gt;&lt;br /&gt;
          &amp;lt;/select&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;First name&lt;br /&gt;
          &amp;lt;input id=&amp;quot;first-name&amp;quot; name=&amp;quot;first-name&amp;quot; type=&amp;quot;text&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;Last name&lt;br /&gt;
          &amp;lt;input id=&amp;quot;las-name&amp;quot; name=&amp;quot;last-name&amp;quot; type=&amp;quot;text&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;br /&amp;gt;&lt;br /&gt;
      &amp;lt;/fieldset&amp;gt;&lt;br /&gt;
      &amp;lt;fieldset id=&amp;quot;address&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;legend&amp;gt;Address&amp;lt;/legend&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;Street&lt;br /&gt;
          &amp;lt;input id=&amp;quot;street&amp;quot; name=&amp;quot;street&amp;quot; type=&amp;quot;text&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;br /&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;City&lt;br /&gt;
          &amp;lt;input id=&amp;quot;city&amp;quot; name=&amp;quot;city&amp;quot; type=&amp;quot;text&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;State&lt;br /&gt;
          &amp;lt;input id=&amp;quot;state&amp;quot; name=&amp;quot;state&amp;quot; type=&amp;quot;text&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;Zip code&lt;br /&gt;
          &amp;lt;input id=&amp;quot;zip&amp;quot; name=&amp;quot;zip&amp;quot; type=&amp;quot;text&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;br /&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;Country&lt;br /&gt;
          &amp;lt;input id=&amp;quot;country&amp;quot; name=&amp;quot;country&amp;quot; type=&amp;quot;text&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;br /&amp;gt;&lt;br /&gt;
      &amp;lt;/fieldset&amp;gt;&lt;br /&gt;
      &amp;lt;fieldset id=&amp;quot;payment&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;legend&amp;gt;Payment option&amp;lt;/legend&amp;gt;&lt;br /&gt;
          &amp;lt;fieldset id=&amp;quot;credit_card&amp;quot;&amp;gt;&lt;br /&gt;
            &amp;lt;legend&amp;gt;Credit card&amp;lt;/legend&amp;gt;&lt;br /&gt;
            &amp;lt;label&amp;gt;&amp;lt;input id=&amp;quot;visa&amp;quot; name=&amp;quot;visa&amp;quot; type=&amp;quot;radio&amp;quot; /&amp;gt; Visa&amp;lt;/label&amp;gt;&lt;br /&gt;
            &amp;lt;label&amp;gt;&amp;lt;input id=&amp;quot;mastercard&amp;quot; name=&amp;quot;mastercard&amp;quot; type=&amp;quot;radio&amp;quot; /&amp;gt; Mastercard&amp;lt;/label&amp;gt;&lt;br /&gt;
            &amp;lt;label&amp;gt;&amp;lt;input id=&amp;quot;discover&amp;quot; name=&amp;quot;discover&amp;quot; type=&amp;quot;radio&amp;quot; /&amp;gt; Discover&amp;lt;/label&amp;gt;&lt;br /&gt;
            &amp;lt;br /&amp;gt;&lt;br /&gt;
          &amp;lt;/fieldset&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;Card number&lt;br /&gt;
          &amp;lt;input id=&amp;quot;card_number&amp;quot; name=&amp;quot;card_number&amp;quot; type=&amp;quot;text&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;label&amp;gt;Expiration date&lt;br /&gt;
          &amp;lt;input id=&amp;quot;expiration&amp;quot; name=&amp;quot;expiration&amp;quot; type=&amp;quot;text&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;br /&amp;gt;&lt;br /&gt;
        &amp;lt;input class=&amp;quot;submit&amp;quot; type=&amp;quot;submit&amp;quot; value=&amp;quot;Submit&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;br /&amp;gt;&lt;br /&gt;
      &amp;lt;/fieldset&amp;gt;&lt;br /&gt;
      &lt;br /&gt;
    &amp;lt;/form&amp;gt;&lt;br /&gt;
  &amp;lt;/body&amp;gt;&lt;br /&gt;
  &lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;br /&gt;
 &amp;lt;/source&amp;gt;&lt;br /&gt;
    &lt;br /&gt;
   &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==noframes for frameset==&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   &lt;br /&gt;
  &amp;lt;!-- start source code --&amp;gt;&lt;br /&gt;
   &lt;br /&gt;
    &amp;lt;source lang=&amp;quot;html4strict&amp;quot;&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
&lt;br /&gt;
&amp;lt;!DOCTYPE html PUBLIC &amp;quot;-//W3C//DTD XHTML 1.0 Frameset//EN&amp;quot;&lt;br /&gt;
    &amp;quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;html xmlns=&amp;quot;http://www.w3.org/1999/xhtml&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;head&amp;gt;&lt;br /&gt;
    &amp;lt;meta http-equiv=&amp;quot;content-type&amp;quot; content=&amp;quot;text/html; charset=utf-8&amp;quot; /&amp;gt;&lt;br /&gt;
    &amp;lt;title&amp;gt;&amp;lt;/title&amp;gt;&lt;br /&gt;
&amp;lt;/head&amp;gt;&lt;br /&gt;
&amp;lt;frameset&amp;gt;&lt;br /&gt;
    &amp;lt;frame /&amp;gt;&lt;br /&gt;
    &amp;lt;frame /&amp;gt;&lt;br /&gt;
    &amp;lt;noframes&amp;gt;&lt;br /&gt;
        &amp;lt;body&amp;gt; In case of noframes&lt;br /&gt;
        &amp;lt;/body&amp;gt;&lt;br /&gt;
    &amp;lt;/noframes&amp;gt;&lt;br /&gt;
&amp;lt;/frameset&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;br /&gt;
 &amp;lt;/source&amp;gt;&lt;br /&gt;
    &lt;br /&gt;
   &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==Set border for fieldset==&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   &lt;br /&gt;
  &amp;lt;!-- start source code --&amp;gt;&lt;br /&gt;
   &lt;br /&gt;
    &amp;lt;source lang=&amp;quot;html4strict&amp;quot;&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
&amp;lt;!DOCTYPE html PUBLIC &amp;quot;-//W3C//DTD XHTML 1.0 Transitional//EN&amp;quot; &lt;br /&gt;
  &amp;quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;html xmlns=&amp;quot;http://www.w3.org/1999/xhtml&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;head&amp;gt;&lt;br /&gt;
&amp;lt;meta http-equiv=&amp;quot;Content-Type&amp;quot; content=&amp;quot;text/html; charset=ISO-8859-1&amp;quot; /&amp;gt;&lt;br /&gt;
&amp;lt;title&amp;gt;&amp;lt;/title&amp;gt;&lt;br /&gt;
&amp;lt;style type=&amp;quot;text/css&amp;quot;&amp;gt;&lt;br /&gt;
fieldset {&lt;br /&gt;
  margin-bottom: 1em;&lt;br /&gt;
  border: 1px solid #888;&lt;br /&gt;
  border-right: 1px solid #666;&lt;br /&gt;
  border-bottom: 1px solid #666;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/style&amp;gt;&lt;br /&gt;
&amp;lt;/head&amp;gt;&lt;br /&gt;
&amp;lt;body&amp;gt;&lt;br /&gt;
&amp;lt;div id=&amp;quot;container&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;div id=&amp;quot;wrapper&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;div id=&amp;quot;content&amp;quot;&amp;gt;&lt;br /&gt;
      &amp;lt;form id=&amp;quot;form1&amp;quot; name=&amp;quot;form1&amp;quot; method=&amp;quot;post&amp;quot; action=&amp;quot;/&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;fieldset&amp;gt;&lt;br /&gt;
        &amp;lt;legend&amp;gt;Contact Information&amp;lt;/legend&amp;gt;&lt;br /&gt;
        &amp;lt;label for=&amp;quot;fmtitle&amp;quot; accesskey=&amp;quot;i&amp;quot;&amp;gt;T&amp;lt;span class=&amp;quot;akey&amp;quot;&amp;gt;i&amp;lt;/span&amp;gt;tle&amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;select name=&amp;quot;fmtitle&amp;quot; id=&amp;quot;fmtitle&amp;quot;&amp;gt;&lt;br /&gt;
          &amp;lt;option value=&amp;quot;ms&amp;quot;&amp;gt;Ms.&amp;lt;/option&amp;gt;&lt;br /&gt;
          &amp;lt;option value=&amp;quot;mrs&amp;quot;&amp;gt;Mrs.&amp;lt;/option&amp;gt;&lt;br /&gt;
          &amp;lt;option value=&amp;quot;miss&amp;quot;&amp;gt;Miss&amp;lt;/option&amp;gt;&lt;br /&gt;
          &amp;lt;option value=&amp;quot;mr&amp;quot;&amp;gt;Mr.&amp;lt;/option&amp;gt;&lt;br /&gt;
        &amp;lt;/select&amp;gt;&lt;br /&gt;
        &amp;lt;label for=&amp;quot;fmname&amp;quot; accesskey=&amp;quot;n&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;akey&amp;quot;&amp;gt;N&amp;lt;/span&amp;gt;ame&amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;input type=&amp;quot;text&amp;quot; name=&amp;quot;fmname&amp;quot; id=&amp;quot;fmname&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;label for=&amp;quot;fmemail&amp;quot; accesskey=&amp;quot;e&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;akey&amp;quot;&amp;gt;E&amp;lt;/span&amp;gt;mail&amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;input type=&amp;quot;text&amp;quot;  name=&amp;quot;fmemail&amp;quot; id=&amp;quot;fmemail&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;/fieldset&amp;gt;&lt;br /&gt;
        &amp;lt;fieldset&amp;gt;&lt;br /&gt;
        &amp;lt;legend&amp;gt;Your Message&amp;lt;/legend&amp;gt;&lt;br /&gt;
        &amp;lt;label for=&amp;quot;fmstate&amp;quot; accesskey=&amp;quot;y&amp;quot;&amp;gt;Subject&amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;input type=&amp;quot;text&amp;quot; name=&amp;quot;fmcountry&amp;quot; id=&amp;quot;fmcountry&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;label for=&amp;quot;fmmsg&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;akey&amp;quot;&amp;gt;M&amp;lt;/span&amp;gt;essage&amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;textarea name=&amp;quot;fmmsg&amp;quot; accesskey=&amp;quot;m&amp;quot; id=&amp;quot;fmmsg&amp;quot; rows=&amp;quot;5&amp;quot; cols=&amp;quot;14&amp;quot;&amp;gt;&amp;lt;/textarea&amp;gt;&lt;br /&gt;
        &amp;lt;/fieldset&amp;gt;&lt;br /&gt;
        &amp;lt;input type=&amp;quot;submit&amp;quot; name=&amp;quot;submit&amp;quot; value=&amp;quot;send&amp;quot; class=&amp;quot;submit&amp;quot; /&amp;gt;&lt;br /&gt;
      &amp;lt;/form&amp;gt;&lt;br /&gt;
    &amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/body&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;br /&gt;
 &amp;lt;/source&amp;gt;&lt;br /&gt;
    &lt;br /&gt;
   &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==Set fieldset border to dashed style==&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   &lt;br /&gt;
  &amp;lt;!-- start source code --&amp;gt;&lt;br /&gt;
   &lt;br /&gt;
    &amp;lt;source lang=&amp;quot;html4strict&amp;quot;&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
&amp;lt;!DOCTYPE html PUBLIC &amp;quot;-//W3C//DTD XHTML 1.0 Transitional//EN&amp;quot;&lt;br /&gt;
        &amp;quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;html xmlns=&amp;quot;http://www.w3.org/1999/xhtml&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;head&amp;gt;&lt;br /&gt;
    &amp;lt;meta http-equiv=&amp;quot;content-type&amp;quot; content=&amp;quot;text/html; charset=utf-8&amp;quot; /&amp;gt;&lt;br /&gt;
    &amp;lt;title&amp;gt;&amp;lt;/title&amp;gt;&lt;br /&gt;
    &amp;lt;style type=&amp;quot;text/css&amp;quot; media=&amp;quot;Screen&amp;quot;&amp;gt;&lt;br /&gt;
fieldset {&lt;br /&gt;
    border: 1px dashed #555555;&lt;br /&gt;
    padding: 20px;&lt;br /&gt;
}&lt;br /&gt;
    &amp;lt;/style&amp;gt;&lt;br /&gt;
&amp;lt;/head&amp;gt;&lt;br /&gt;
&amp;lt;body&amp;gt;&lt;br /&gt;
    &amp;lt;form action=&amp;quot;&amp;quot; enctype=&amp;quot;x-www-form-encoded&amp;quot; method=&amp;quot;post&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;fieldset&amp;gt;&lt;br /&gt;
            &amp;lt;legend&amp;gt;Personal information&amp;lt;/legend&amp;gt;&lt;br /&gt;
            &amp;lt;p&amp;gt;&amp;lt;strong&amp;gt;&amp;lt;label for=&amp;quot;realname&amp;quot;&amp;gt;Name&amp;lt;/label&amp;gt;&amp;lt;/strong&amp;gt;&amp;lt;br /&amp;gt;&lt;br /&gt;
            &amp;lt;input class=&amp;quot;formField&amp;quot; type=&amp;quot;text&amp;quot; id=&amp;quot;realname&amp;quot; name=&amp;quot;realname&amp;quot; size=&amp;quot;30&amp;quot; /&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
            &amp;lt;p&amp;gt;&amp;lt;strong&amp;gt;&amp;lt;label for=&amp;quot;email&amp;quot;&amp;gt;Email address&amp;lt;/label&amp;gt;&amp;lt;/strong&amp;gt;&amp;lt;br /&amp;gt;&lt;br /&gt;
            &amp;lt;input class=&amp;quot;formField&amp;quot; type=&amp;quot;text&amp;quot; id=&amp;quot;email&amp;quot; name=&amp;quot;email&amp;quot; size=&amp;quot;30&amp;quot; /&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
            &amp;lt;p&amp;gt;&amp;lt;strong&amp;gt;&amp;lt;label for=&amp;quot;phone&amp;quot;&amp;gt;Telephone&amp;lt;/label&amp;gt;&amp;lt;/strong&amp;gt;&amp;lt;br /&amp;gt;&lt;br /&gt;
            &amp;lt;input class=&amp;quot;formField&amp;quot; type=&amp;quot;text&amp;quot; id=&amp;quot;phone&amp;quot; name=&amp;quot;phone&amp;quot; size=&amp;quot;30&amp;quot; /&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
        &amp;lt;/fieldset&amp;gt;&lt;br /&gt;
    &amp;lt;/form&amp;gt;&lt;br /&gt;
&amp;lt;/body&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;br /&gt;
 &amp;lt;/source&amp;gt;&lt;br /&gt;
    &lt;br /&gt;
   &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==Style for form fieldset==&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   &lt;br /&gt;
  &amp;lt;!-- start source code --&amp;gt;&lt;br /&gt;
   &lt;br /&gt;
    &amp;lt;source lang=&amp;quot;html4strict&amp;quot;&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
&lt;br /&gt;
&amp;lt;!DOCTYPE html PUBLIC &amp;quot;-//W3C//DTD XHTML 1.0 Transitional//EN&amp;quot;&lt;br /&gt;
    &amp;quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;html xmlns=&amp;quot;http://www.w3.org/1999/xhtml&amp;quot; xml:lang=&amp;quot;en&amp;quot; lang=&amp;quot;en&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;head&amp;gt;&lt;br /&gt;
  &amp;lt;meta http-equiv=&amp;quot;content-type&amp;quot; content=&amp;quot;text/html; charset=utf-8&amp;quot; /&amp;gt;&lt;br /&gt;
  &amp;lt;title&amp;gt;Forms&amp;lt;/title&amp;gt;&lt;br /&gt;
  &amp;lt;style type=&amp;quot;text/css&amp;quot; media=&amp;quot;screen&amp;quot;&amp;gt;&lt;br /&gt;
  &lt;br /&gt;
  #divID #thisform {&lt;br /&gt;
      font-family: Georgia, serif;&lt;br /&gt;
      font-size: 12px;&lt;br /&gt;
      color: #999;&lt;br /&gt;
      }&lt;br /&gt;
  &lt;br /&gt;
  #divID #thisform label {&lt;br /&gt;
     font-family: Verdana, sans-serif;&lt;br /&gt;
      font-weight: bold;&lt;br /&gt;
      color: #660000;&lt;br /&gt;
      }&lt;br /&gt;
  &lt;br /&gt;
  #divID #thisform fieldset {&lt;br /&gt;
    border: 1px solid #ccc;&lt;br /&gt;
    padding: 0 20px;&lt;br /&gt;
    }&lt;br /&gt;
  &amp;lt;/style&amp;gt;&lt;br /&gt;
&amp;lt;/head&amp;gt;&lt;br /&gt;
&amp;lt;body&amp;gt;&lt;br /&gt;
&amp;lt;div id=&amp;quot;divID&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;form action=&amp;quot;/path/to/script&amp;quot; id=&amp;quot;thisform&amp;quot; method=&amp;quot;post&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;fieldset&amp;gt;&lt;br /&gt;
    &amp;lt;legend&amp;gt;Sign In&amp;lt;/legend&amp;gt;&lt;br /&gt;
    &amp;lt;p&amp;gt;&amp;lt;label for=&amp;quot;name&amp;quot; accesskey=&amp;quot;9&amp;quot; &amp;gt;Name:&amp;lt;/label&amp;gt;&amp;lt;br /&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;name&amp;quot; name=&amp;quot;name&amp;quot; tabindex=&amp;quot;1&amp;quot; /&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
    &amp;lt;p&amp;gt;&amp;lt;label for=&amp;quot;email&amp;quot;&amp;gt;Email:&amp;lt;/label&amp;gt;&amp;lt;br /&amp;gt;&lt;br /&gt;
    &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;email&amp;quot; name=&amp;quot;email&amp;quot; tabindex=&amp;quot;2&amp;quot; /&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
    &amp;lt;p&amp;gt;&amp;lt;input type=&amp;quot;checkbox&amp;quot; id=&amp;quot;remember&amp;quot; name=&amp;quot;remember&amp;quot; tabindex=&amp;quot;3&amp;quot; /&amp;gt; &lt;br /&gt;
    &amp;lt;label for=&amp;quot;remember&amp;quot;&amp;gt;Remember this info?&amp;lt;/label&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
    &amp;lt;p&amp;gt;&amp;lt;input type=&amp;quot;submit&amp;quot; value=&amp;quot;submit&amp;quot; tabindex=&amp;quot;4&amp;quot; /&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;
  &amp;lt;/fieldset&amp;gt;&lt;br /&gt;
&amp;lt;/form&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/body&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;br /&gt;
 &amp;lt;/source&amp;gt;&lt;br /&gt;
    &lt;br /&gt;
   &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==Use fieldset to create a set of form controls==&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   &lt;br /&gt;
  &amp;lt;!-- start source code --&amp;gt;&lt;br /&gt;
   &lt;br /&gt;
    &amp;lt;source lang=&amp;quot;html4strict&amp;quot;&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
&amp;lt;!DOCTYPE html PUBLIC &amp;quot;-//W3C//DTD XHTML 1.0 Strict//EN&amp;quot;&lt;br /&gt;
  &amp;quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;html xmlns=&amp;quot;http://www.w3.org/1999/xhtml&amp;quot; xml:lang=&amp;quot;en&amp;quot; lang=&amp;quot;en&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;head&amp;gt;&lt;br /&gt;
  &amp;lt;meta http-equiv=&amp;quot;Content-Type&amp;quot; content=&amp;quot;text/html; charset=utf-8&amp;quot; /&amp;gt;&lt;br /&gt;
  &amp;lt;title&amp;gt;The fieldset element&amp;lt;/title&amp;gt;&lt;br /&gt;
&amp;lt;/head&amp;gt;&lt;br /&gt;
&amp;lt;body&amp;gt;&lt;br /&gt;
  &amp;lt;form method=&amp;quot;post&amp;quot; action=&amp;quot;/&amp;quot;&amp;gt; &lt;br /&gt;
    &amp;lt;fieldset&amp;gt; &lt;br /&gt;
      &amp;lt;legend&amp;gt;Subscribe to our mailing list&amp;lt;/legend&amp;gt; &lt;br /&gt;
      &amp;lt;label for=&amp;quot;email&amp;quot;&amp;gt;Enter your E-mail address&amp;lt;/label&amp;gt; &lt;br /&gt;
      &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;email&amp;quot; name=&amp;quot;email&amp;quot; /&amp;gt; &lt;br /&gt;
      &amp;lt;input type=&amp;quot;submit&amp;quot; name=&amp;quot;subscribe&amp;quot; value=&amp;quot;Subscribe&amp;quot; /&amp;gt; &lt;br /&gt;
    &amp;lt;/fieldset&amp;gt; &lt;br /&gt;
  &amp;lt;/form&amp;gt;&lt;br /&gt;
&amp;lt;/body&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;br /&gt;
 &amp;lt;/source&amp;gt;&lt;br /&gt;
    &lt;br /&gt;
   &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==utf-8 charset page==&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   &lt;br /&gt;
  &amp;lt;!-- start source code --&amp;gt;&lt;br /&gt;
   &lt;br /&gt;
    &amp;lt;source lang=&amp;quot;html4strict&amp;quot;&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
&lt;br /&gt;
&amp;lt;!DOCTYPE html PUBLIC &amp;quot;-//W3C//DTD XHTML 1.0 Transitional//EN&amp;quot;&lt;br /&gt;
    &amp;quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;html xmlns=&amp;quot;http://www.w3.org/1999/xhtml&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;head&amp;gt;&lt;br /&gt;
&amp;lt;meta http-equiv=&amp;quot;content-type&amp;quot; content=&amp;quot;text/html; charset=utf-8&amp;quot; /&amp;gt;&lt;br /&gt;
    &amp;lt;title&amp;gt;&amp;lt;/title&amp;gt;&lt;br /&gt;
&amp;lt;/head&amp;gt;&lt;br /&gt;
&amp;lt;body&amp;gt;&lt;br /&gt;
&amp;lt;/body&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;br /&gt;
 &amp;lt;/source&amp;gt;&lt;/div&gt;</summary>
		<author><name>Admin</name></author>	</entry>

	</feed>