HTML 示例XHTML表单

Posted 2021-05-24

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML 示例XHTML表单相关的知识，希望对你有一定的参考价值。

&lt;form action=&quot;&quot; method=&quot;post&quot;&gt;
    &lt;fieldset&gt;
        &lt;legend&gt;Registration Form&lt;/legend&gt;
        &lt;p class=&quot;alert&quot;&gt;Alert Message&lt;/p&gt;
        &lt;p&gt;&lt;label for=&quot;name&quot;&gt;Name:&lt;/label&gt; &lt;input type=&quot;text&quot; name=&quot;name&quot; id=&quot;name&quot;/&gt;&lt;/p&gt;
        &lt;p class='error'&gt;&lt;label for=&quot;email&quot;&gt;Email:&lt;/label&gt; &lt;input type=&quot;text&quot; name=&quot;email&quot; id=&quot;email&quot; /&gt; &lt;span&gt;(you will have to verify your email address, so use a real one)&lt;/span&gt;&lt;/p&gt;
        &lt;p&gt;&lt;label for=&quot;password1&quot;&gt;Password:&lt;/label&gt; &lt;input type=&quot;password&quot; name=&quot;password1&quot; id=&quot;password1&quot; /&gt;&lt;/p&gt;
        &lt;p&gt;&lt;label for=&quot;password2&quot;&gt;Confirm Password:&lt;/label&gt; &lt;input type=&quot;password&quot; name=&quot;password2&quot; id=&quot;password2&quot; /&gt;&lt;/p&gt;
        &lt;p&gt;&lt;label for=&quot;tos&quot; for=&quot;tos&quot;&gt;Terms of Service:&lt;/label&gt; &lt;div class=&quot;message&quot; id=&quot;tos&quot;&gt;
            &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&lt;/p&gt;
            &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&lt;/p&gt;
            &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&lt;/p&gt;
            &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&lt;/p&gt;
            &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&lt;/p&gt;
        &lt;/div&gt;&lt;/p&gt;
        &lt;p&gt;&lt;label for=&quot;agree&quot;&gt;&amp;#160;&lt;/label&gt; &lt;input type=&quot;checkbox&quot; name=&quot;agree&quot; id=&quot;agree&quot; /&gt; I have read and agree to the Terms of Service&lt;/p&gt;
        &lt;p&gt;&lt;label for=&quot;btnsubmit&quot;&gt;&amp;#160;&lt;/label&gt;&lt;input type=&quot;submit&quot; value=&quot;Register&quot; name=&quot;btnsubmit&quot; id=&quot;btnsubmit&quot; /&gt;&lt;/p&gt;
        &lt;p&gt;&lt;/p&gt;
    &lt;/fieldset&gt;
&lt;/form&gt;

HTML表单

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>无标题文档</title>
 6 </head>
 7 
 8 <body>
 9 <form>
10 账号：<input type="text" value=""/><br />
11 
12 密码：<input type="password" value="" /><br />
13 备注<textarea cols="35" rows="5"></textarea><br />
14 <input type="submit" value="提交" /><br />
15 <input type="reset" value="重置" /><br />
16 <input type="button" value="登陆" /><br />
17 <input type="image" src="wallpaper_a211337.jpg" width="500" /><br />
18 <input type="radio"  name="sex"/>男<br />
19 <input type="radio"  name="sex"/>女<br />
20 <input type="checkbox"  checked="checked" disabled="disabled"/>可乐<br />
21 <input type="checkbox" />百事可乐<br />
22 <input type="checkbox" />崂山可乐<br />
23 <input type="file" /><br />
24 <select size="1">
25 <option value="">汉堡</option>
26 <option>鸡米花</option>
27 <option selected="selected">鸡腿</option>
28 </select>
29 
30 </form>
31 </body>
32 </html>

View Code

技术分享

以上是关于HTML 示例XHTML表单的主要内容，如果未能解决你的问题，请参考以下文章