Note that there are some explanatory texts on larger screens.

plurals
  1. POWhat tag should be used to make Form layout if we can't use only pure semantic way?
    primarykey
    data
    text
    <p>i know it is pure semantic way</p> <pre><code>&lt;form action="" method=""&gt; &lt;fieldset&gt; &lt;legend&gt;Contact Form&lt;/legend&gt; &lt;label for="name"&gt;Name&lt;/label&gt; &lt;input name="name" id="name" size="20" /&gt; &lt;/fieldset&gt; &lt;form&gt; </code></pre> <p>But some time for some design purpose it's not sufficient to get needed style. so my question is other than this purely semantic method</p> <p>isn't this code is also semantic (after pure semantic method) because form is a group of ordered fields which we fill one by one</p> <pre><code>ol { list-style: none; padding-left: 0; } &lt;form action="" method=""&gt; &lt;fieldset&gt; &lt;legend&gt;Contact Form&lt;/legend&gt; &lt;ol&gt; &lt;li&gt; &lt;label for="name"&gt;Name&lt;/label&gt; &lt;input name="name" id="name" size="20" /&gt; &lt;/li&gt; &lt;li&gt; &lt;label for="email"&gt;Email&lt;/label&gt; &lt;input name="email" id="email" size="20" /&gt; &lt;/li&gt; &lt;li&gt; &lt;label for=" Choices"&gt; Choices (radio)&lt;/label&gt; &lt;input type="radio" name=" Choice" /&gt; Choice 1 &lt;input type="radio" name=" Choice" /&gt; Choice 2 &lt;input type="radio" name=" Choice" /&gt; Choice 3 &lt;/li&gt; &lt;li&gt; &lt;label for=" Choices3"&gt; Choices (checkbox)&lt;/label&gt; &lt;input type="checkbox" name=" Choice3" /&gt; Choice 1 &lt;input type="checkbox" name=" Choice3" /&gt; Choice 2 &lt;input type="checkbox" name=" Choice3" /&gt; Choice 3 &lt;/li&gt; &lt;li&gt; &lt;label for="dropdown"&gt;Question&lt;/label&gt; &lt;select id="dropdown"&gt; &lt;optgroup label="Group of Options"&gt; &lt;option&gt;Option 1&lt;/option&gt; &lt;option&gt;Option 2&lt;/option&gt; &lt;option&gt;Option 3&lt;/option&gt; &lt;/optgroup&gt; &lt;/select&gt; &lt;/li&gt; &lt;li&gt; &lt;label for="message"&gt;Message&lt;/label&gt;&lt;br /&gt; &lt;textarea name="message"rows="12" cols="36"&gt;&lt;/textarea&gt; &lt;/li&gt; &lt;li&gt;&lt;input type="submit" value="send it" /&gt;&lt;/li&gt; &lt;/ol&gt; &lt;/fieldset&gt; &lt;/form&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload