JavaWeb基础 之 HTML

最新推荐文章于 2024-05-04 13:53:08 发布
最新推荐文章于 2024-05-04 13:53:08 发布
阅读量624 收藏
点赞数
分类专栏： html5基础 转载 文章标签： html 标签

1、思维导图

首先为大家提供本文所要阐述的知识点的思维导图，帮助大家更好的了解本文要阐述的知识。


标签的语法：

[html]  view plain  copy
  1. <!-- ①标签不能交叉嵌套 -->  
  2. 正确：<div><span>早安！</span></div>  
  3. 错误：<div><span>早安！</div></span>  
  4. <hr />  
  5.   
  6.   
  7. <!-- ②标签必须正确关闭 -->  
  8. <!-- i.有文本内容的标签： -->  
  9. 正确：<div>早安！</div>  
  10. 错误：<div>早安！  
  11. <hr />  
  12.       
  13. <!-- ii.没有文本内容的标签： -->  
  14. 正确：<br />  
  15. 错误：<br>  
  16. <hr />  
  17.       
  18. <!-- ③属性必须有值，属性值必须加引号 -->  
  19. 正确：<font color="blue">早安！</font>  
  20. 错误：<font color=blue>早安！</font>  
  21. 错误：<font color>早安！</font>  
  22. <hr />  
  23.           
  24. <!-- ④注释不能嵌套 -->  
  25. 正确：<!-- 注释内容 --> <br/>  
  26. 错误：<!--    <!--  这是错误的html注释    -->     -->  
  27. <hr />  

注意事项：html 代码不是很严谨。有时候标签不闭合，也不会报错。

2.4、常用标签介绍

2.4.1、font字体标签

font字体标签它可以显示文件内容 
需求1：在网页上显示 我是字体标签 ，并修改字体为 宋体，颜色为红色。 

[html]  view plain  copy
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4. <meta charset="UTF-8">  
  5. <title>1.font标签.html</title>  
  6. </head>  
  7. <body>  
  8.     <!-- 字体标签  
  9.     需求1：在网页上显示 我是字体标签 ，并修改字体为 宋体，颜色为红色。  
  10.     face 属性修改文本的字体  
  11.     color 属性修改文本的颜色   
  12.     size 属性修改文本的大小 它有有效范围是 1 - 7  
  13.     -->  
  14.     <font face="宋体" color="red" size="7">我是字体标</font>  
  15. </body>  
  16. </html>  

2.4.2、特殊字符

需求1：把 <br> 换行标签 变成文本 转换成字符显示在页面上 

[html]  view plain  copy
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4. <meta charset="UTF-8">  
  5. <title>2.特殊字符.html</title>  
  6. </head>  
  7. <body>  
  8.     <!-- 特殊字符   
  9.     需求1：把 <br> 换行标签 变成文本 转换成字符显示在页面上  
  10.         因为<>这种特殊的字符，在html中是拥有含义含义  
  11.         < 特殊字符   <  
  12.         > 特殊字符 >  
  13.         空格   特殊字符     
  14.         在html中它会把连接的字格当成一个空格来处理。  
  15.     -->    
  16.     我是 <br > <br/>  
  17.     我很          帅.  
  18. </body>  
  19. </html>  

2.4.3、标题标签

需求1：标题1到 标题6的演示 

[html]  view plain  copy
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4. <meta charset="UTF-8">  
  5. <title>3.标题标签.html</title>  
  6. </head>  
  7. <body>  
  8.     <!-- 标题标签  
  9.         需求1：标题1到 标题6的演示  
  10.         h1表示最大的标题  
  11.         标题标签是h1 - h6  
  12.         h1 最大  
  13.         h6最小  
  14.         align 属性是对齐属性:left、center、right  
  15.      -->  
  16.     <h1 align="left">我是标题1</h1>  
  17.     <h2 align="center">我是标题2</h2>  
  18.     <h3 align="right">我是标题3</h3>  
  19.     <h4>我是标题4</h4>  
  20.     <h5>我是标题5</h5>  
  21.     <h6>我是标题6</h6>  
  22. </body>  
  23. </html>  

2.4.4、超链接 （ **** 重 点 ，必 须 掌 握 * ）

超连接我们使用 <a>标签去定义 

需求1：普通的 超连接。 
需求2：网页常见，**联系我们**，可以发邮件 
需求3：迅雷的下载连接 
需求4：javaScript的连接 

[html]  view plain  copy
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4. <meta charset="UTF-8">  
  5. <title>4.超链接.html</title>  
  6. </head>  
  7. <body>  
  8.     <!-- 超链接   
  9.         需求1：普通的 超连接。  
  10.             <a href="http://www.baidu.com" rel="nofollow" target="_blank"  target="_blank">百度 _blank</a>  
  11.         需求2：网页常见，**联系我们**，可以发邮件  
  12.             <a href="mailto:491581714@qq.com" rel="nofollow" target="_blank" >联系我们</a>  
  13.         需求3：迅雷的下载连接  
  14.             <a href="thunder://1234123412341243.avi" rel="nofollow" target="_blank" >蓝波.avi</a>  
  15.         需求4：javaScript的连接  
  16.             <a href="javascript:alert('坑你坑你.com');" rel="nofollow" target="_blank"  >忽悠你</a>  
  17.       
  18.         a标签是超连接标签  
  19.             href 属性设置超连接的连接地址  
  20.             target 属性设置哪个目标窗口去进行加载连接  
  21.                 _self 默认 表示当前窗口加载连接  
  22.                 _blank 表示打开一个新的窗口加载连接  
  23.     -->  
  24.     <a href="http://www.baidu.com" rel="nofollow" target="_blank"  target="_self">百度 _self</a>  
  25.     <a href="http://www.baidu.com" rel="nofollow" target="_blank"  target="_blank">百度 _blank</a>  
  26.     <a href="mailto:491581714@qq.com" rel="nofollow" target="_blank" >联系我们</a>  
  27.     <a href="thunder://1234123412341243.avi" rel="nofollow" target="_blank" >蓝波.avi</a>  
  28.     <a href="javascript:alert('坑你坑你.com');" rel="nofollow" target="_blank"  >忽悠你</a>  
  29.     <a href="javascript:void(0)" rel="nofollow" target="_blank"  onclick="alert(1);">忽悠你2</a>  
  30. </body>  
  31. </html>  

2.4.5、列表标签

有序列表和无序列表，有序列表即列表前按1、2、3...标注，无序列表则是有菱形或圆形标注。 
无序列表   ul li 
有序列表   ol li 

需求1：分别有序，无序，列表方式，把东北F4显示出来，刘能、小沈阳，宋小宝、赵四 
[html]  view plain  copy
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4. <meta charset="UTF-8">  
  5. <title>Insert title here</title>  
  6. </head>  
  7. <body>  
  8.     <!--   
  9.     需求1：分别有序，无序，列表方式，把东北F4显示出来，刘能、小沈阳，宋小宝、赵四  
  10.         ul 是无序列表标签  
  11.             li 是列表标签中的每一项  
  12.             type属性可以修改li列表的符号 或者 序号  
  13.         ol 是有序列表标签  
  14.             li 是列表中的每一项  
  15.      -->  
  16.      <ul type="square">  
  17.         <li>刘能</li>  
  18.         <li>小沈阳</li>  
  19.         <li>宋小宝</li>  
  20.         <li>赵四</li>  
  21.      </ul>  
  22.      <br/>  
  23.      <ol type="1">  
  24.         <li>刘能</li>  
  25.         <li>小沈阳</li>  
  26.         <li>宋小宝</li>  
  27.         <li>赵四</li>  
  28.      </ol>  
  29. </body>  
  30. </html>  

2.4.6、img标签

<img  src=”” alt=”” > 
src 属性设置图片的源路径 
alt 属性是设置当图片找不到的时候，用来替代显示的文本内容  

需求1：使用img标签显示一张美女的照片。并修改宽高，和边框属性 
[java]  view plain  copy
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4. <meta charset="UTF-8">  
  5. <title>5.img标签.html</title>  
  6. </head>  
  7. <body>  
  8.     <!--   
  9.     需求1：使用img标签显示一张美女的照片。并修改宽高，和边框属性  
  10.     相对路径   
  11.         . 当前文件的目录  
  12.         .. 表示上一级目录  
  13.         ./ 可以省略  
  14.     绝对路径  
  15.         C:\\1.jpg 这是错误的  
  16.         http://127.0.0.1:8080/abc/1.jpg  正确的绝对路径  
  17.         http://www.baidu.com/xxx/2.jpg  
  18.       
  19.         img 标签是图像标签  
  20.             alt 属性是设置当图片找不到的时候，用来代替显示的文本内容  
  21.             src 属性是图片的源路径   
  22.             width 属性是设置图片的宽度   
  23.             height 属性设置 图片的高度  
  24.             border 属性设置图片的边框  
  25.       -->  
  26.     <img width="100" height="130" border="1" alt="图片丢失了！" src="../imgs/1.jpg" rel="nofollow" target="_blank"  />  
  27.     <img width="100" height="130" border="1" alt="图片丢失了！" src="0.jpg" rel="nofollow" target="_blank"  />  
  28.     <img width="100" height="130" border="1" alt="图片丢失了！" src="../10.jpg" rel="nofollow" target="_blank"  />  
  29. </body>  
  30. </html>  

2.4.7、表格标签（ **** 重点 ）

table： 表格标签 
tr： 表格中的行标签 
td ：表格中行的列标签  
需求1：做一个 带表头的 ，三行，三列的表格，并显示边框 
需求2：修改表格的宽度，高度，表格的对齐方式，单元格间距。 
[html]  view plain  copy
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4. <meta charset="UTF-8">  
  5. <title>6.表格标签.html</title>  
  6. </head>  
  7. <body>  
  8.     <!--   
  9.         需求1：做一个 带表头的 ，三行，三列的表格，并显示边框  
  10.         需求2：修改表格的宽度，高度，表格的对齐方式，单元格间距。  
  11.   
  12.   
  13.         center是居中  
  14.   
  15.   
  16.          table 标签是 表格标签  
  17.             border 属性设置表格的边框  
  18.             cellpadding 属性设置单元格的内边距  
  19.             width 属性设置表格的宽度  
  20.             height 属性设置表格的高度  
  21.             cellpadding 设置单元格的内边距  
  22.             cellspacing 设置单元格的间距  
  23.            
  24.          tr 是表格的行标签  
  25.          td 是表格的单元格标签  
  26.          th 是表格的表头标签 居中、加粗  
  27.            
  28.          b 标签是加粗标签  
  29.       -->  
  30.     <center>  
  31.         <table border="1" width="200" height="200" cellpadding="10" cellspacing="0">  
  32.             <tr>  
  33.                 <th>1.1</th>  
  34.                 <th>1.2</th>  
  35.                 <th>1.3</th>  
  36.             </tr>  
  37.             <tr>  
  38.                 <td>2.1</td>  
  39.                 <td>2.2</td>  
  40.                 <td>2.3</td>  
  41.             </tr>  
  42.             <tr>  
  43.                 <td>3.1</td>  
  44.                 <td>3.2</td>  
  45.                 <td>3.3</td>  
  46.             </tr>  
  47.         </table>  
  48.     </center>  
  49. </body>  
  50. </html>  

2.4.8、跨行跨列表格 （* 次重点 *）

rowspan 属性： 设置 跨行 
colspan 属性： 设置 跨列 
需求1：新建一个五行，五列的表格，第一行，第一列的单元格要跨两列，第二行第一列的单元格跨两行，第四行第四列的单元格跨两行两列。 
[html]  view plain  copy
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
  2. <html>  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
  5. <title>Insert title here</title>  
  6. </head>  
  7. <body>  
  8.     <!--   
  9.       
  10.         需求1：新建一个五行，五列的表格，  
  11.         第一行，第一列的单元格要跨两列，  
  12.         第二行第一列的单元格跨两行，  
  13.         第四行第四列的单元格跨两行两列。  
  14.      -->  
  15.     <center>  
  16.         <h1>表格的跨行跨列</h1>  
  17.         <table border="1" width="500" cellspacing="0" height="500">  
  18.             <tr>  
  19.                 <td colspan="2">1.1</td>  
  20.                 <td>1.3</td>  
  21.                 <td>1.4</td>  
  22.                 <td>1.5</td>  
  23.             </tr>  
  24.             <tr>  
  25.                 <td rowspan="2">2.1</td>  
  26.                 <td>2.2</td>  
  27.                 <td>2.3</td>  
  28.                 <td>2.4</td>  
  29.                 <td>2.5</td>  
  30.             </tr>  
  31.             <tr>  
  32.                 <td>3.2</td>  
  33.                 <td>3.3</td>  
  34.                 <td>3.4</td>  
  35.                 <td>3.5</td>  
  36.             </tr>  
  37.             <tr>  
  38.                 <td>4.1</td>  
  39.                 <td>4.2</td>  
  40.                 <td>4.3</td>  
  41.                 <td colspan="2" rowspan="2">4.4</td>  
  42.             </tr>  
  43.             <tr>  
  44.                 <td>5.1</td>  
  45.                 <td>5.2</td>  
  46.                 <td>5.3</td>  
  47.             </tr>  
  48.         </table>  
  49.     </center>  
  50. </body>  
  51. </html>  

2.4.9、了解iframe框架标签 (内嵌窗口)

iframe 是在当前页面中内嵌一个小的窗口 

[html]  view plain  copy
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4. <meta charset="UTF-8">  
  5. <title>8.iframe标签.html</title>  
  6. </head>  
  7. <body>  
  8.     iframe  
  9.     <!--   
  10.         iframe是在当前浏览器窗口中内嵌一个小窗口  
  11.             src 属性设置小窗口的html源路径   
  12.     -->  
  13.     <iframe name="iiframe" width="300" height="300" src="4.超链接.html" rel="nofollow" target="_blank" ></iframe>  
  14.       
  15.     <!--   
  16.         1.先使用a标签设置好href属性，也就是iframe要去加载的新的html页面的路径  
  17.         2.给iframe添加一个name属性值，起一个名字做标识  
  18.         3.设置target属性值 为 iframe和name属性值  
  19.              _self 当前页面   
  20.              _blank 新的窗口  
  21.      -->  
  22.     <a href="5.img标签.html" rel="nofollow" target="_blank"  target="iiframe">修改iframe连接5.img标签.html</a>  
  23. </body>  
  24. </html>  


2.4.10、表单标签 （ ***** 重点  * ）


需求1:创建一个个人信息注册的表单界面。包含用户名，密码，确认密码。性别（单选），性趣爱好（多选），国籍（下拉列表）。 
隐藏域，自我评价（多行文本域）。重置，提交。效果如下图： 

<img src="https://img-blog.csdn.net/20161020215202343" rel="nofollow" target="_blank" class="lazy" data-original="https://img-blog.csdn.net/20161020215202343 " width="auto" height="auto" "="" alt="" style="border: 0px none; height: auto; max-width: 100%; vertical-align: middle; display: block; margin: 0px auto;"><br></p><p style="margin-top: 0px; margin-bottom: 15px;"></p><div class="dp-highlighter bg_html" style="font-family: Consolas, 'Courier New', Courier, mono, serif; overflow: auto; padding-top: 1px; width: 772.188px; background-color: rgb(231, 229, 220); margin: 18px 0px !important;"><div class="bar" style="padding-left: 45px;"><div class="tools" style="border-left-width: 3px; border-left-style: solid; border-left-color: rgb(108, 226, 108); color: silver; font-variant-ligatures: normal; font-variant-position: normal; font-variant-numeric: normal; font-variant-alternates: normal; font-variant-east-asian: normal; font-size: 9px; line-height: normal; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 3px 8px 10px 10px; background-color: rgb(248, 248, 248);"><b>[html]</b> <a href="http://www.itwendao.com/article/detail/55714.html#" class="ViewSource" title="view plain" style="color: rgb(160, 160, 160); text-decoration: none; border: medium none; margin: 0px 10px 0px 0px; padding: 1px; display: inline-block; height: 16px; text-indent: -2000px; width: 16px; background-image: url(http://www.itwendao.com/images/default/ico_plain.gif); background-attachment: scroll; background-color: inherit; background-position: 0% 0%; background-repeat: no-repeat no-repeat;">view plain</a><span data-mod="popu_168"> <a href="http://www.itwendao.com/article/detail/55714.html#" class="CopyToClipboard" title="copy" style="color: rgb(160, 160, 160); text-decoration: none; border: medium none; margin: 0px 10px 0px 0px; padding: 1px; display: inline-block; height: 16px; text-indent: -2000px; width: 16px; background-image: url(http://www.itwendao.com/images/default/ico_copy.gif); background-attachment: scroll; background-color: inherit; background-position: 0% 0%; background-repeat: no-repeat no-repeat;">copy</a><div style="position: absolute; left: 281px; top: 10987px; width: 18px; height: 18px; z-index: 99;"><embed id="ZeroClipboardMovie_13" src="http://static.blog.csdn.net/scripts/ZeroClipboard/ZeroClipboard.swf" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="18" height="18" name="ZeroClipboardMovie_13" align="middle" allowscriptaccess="always" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="id=13&width=18&height=18" wmode="transparent"></div></span><span data-mod="popu_169"></span></div></div><ol start="1" class="dp-xml" style="list-style: none outside none; margin: 0px 0px 1px 45px !important; padding: 0px; border: medium none; color: rgb(92, 92, 92); background-color: rgb(255, 255, 255);"><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;"><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;"><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">html</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;"><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">head</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;"><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">meta</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">http-equiv</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"Content-Type"</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">content</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"text/html; charset=UTF-8"</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;"><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">title</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">Insert title here</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">title</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;"><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">style</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">type</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"text/css"</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">    textarea{  </span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">        vertical-align: bottom;  </span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">    }  </span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">  </span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">  </span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;"><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">style</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;"><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">head</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;"><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">body</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">  </span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">    <!--   </span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">    需求1:创建一个个人信息注册的表单界面。包含用户名，密码，确认密码。性别（单选），性趣爱好（多选），国籍（下拉列表）。  </span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">    隐藏域，自我评价（多行文本域）。重置，提交。  </span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">          </span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">        form 标签是表单标签  </span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">        input 标签是表单的表单项  </span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">            <span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">type</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> = </span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">text</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> 表示普通的文本输入框   value 属性表示输入框里的默认值  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">            <span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">type</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> = </span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">password</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> 表示密码输入框  value属性是密码框里的默认值  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">            <span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">type</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> = </span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">radio</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> 是单选框  name属性可以给单选框进行分组。在同一组里面单选框只能选择一个  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                            checked 属性表示默认选中  </span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">            <span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">type</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> = </span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">checkbox</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> 表示复选框  checked属性可以设置默认被选中  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">            <span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">type</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> = </span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">submit</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> 表示表单的提交 按钮  value属性设置按钮显示的文本  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">            <span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">type</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> = </span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">reset</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> 表单重置按钮  value属性值是按钮上显示的文本  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">            <span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">type</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> = </span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">file</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> 是文件上传表单项  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">            <span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">type</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> = </span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">button</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> 是按钮 标签  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">              </span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">        select 标签是下拉列表框  </span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">        option 标签是下拉列表中的每一项 <span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">selected</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"selected"</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> 表示默认选中  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">        textarea 是多行文本输入框  </span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">            rows 属性设置 它的高度  </span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">            cols 属性设置 它的宽度   </span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">            多行文本输入框的默认值是起始标签和结束标签中间的文本内容  </span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">              </span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">              </span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">        button标签也是按钮，在button起始标签和结束标签里的文本，就是按钮 显示的文本  </span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">     --<span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">          </span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">    <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">form</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">action</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"http://www.baidu.com"</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">        <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">table</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">border</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"1"</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">            <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">tr</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">用户名:</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">input</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">type</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"text"</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">value</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"abc"</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">/></span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">            <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">tr</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">            <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">tr</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">密码：</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">input</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">type</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"password"</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">value</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"wzg168"</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">/></span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">            <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">tr</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">            <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">tr</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">性别：</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                    <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">input</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">type</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"radio"</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">name</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"sex"</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">checked</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"checked"</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">/></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">男  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                    <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">input</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">type</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"radio"</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">name</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"sex"</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">/></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">女  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">            <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">tr</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">            <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">tr</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">兴趣爱好：</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                    <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">input</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">type</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"checkbox"</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">checked</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"checked"</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">/></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">学习  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                    <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">input</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">type</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"checkbox"</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">/></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">睡觉  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                    <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">input</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">type</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"checkbox"</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">/></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">看动画片  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                    <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">input</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">type</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"checkbox"</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">/></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">看宝宝的电影  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">            <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">tr</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">            <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">tr</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">国家：</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                    <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">select</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                        <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">option</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">--请选择国家--</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">option</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                        <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">option</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">selected</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"selected"</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">中国</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">option</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                        <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">option</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">日本</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">option</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                        <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">option</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">韩国</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">option</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                    <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">select</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">            <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">tr</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">            <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">tr</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">自我介绍：</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                    <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">textarea</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">rows</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"10"</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">cols</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"20"</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">textarea</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">            <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">tr</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">            <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">tr</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                    <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">input</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">type</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"submit"</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">value</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"提 交"</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">/></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">align</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"center"</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                    <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">input</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">type</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"reset"</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">value</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"重　置"</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">/></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">            <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">tr</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">        <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">table</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">    <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">form</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;"><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">body</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;"><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">html</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li></ol></div><p style="margin-top: 0px; margin-bottom: 15px;"></p><p style="margin-top: 0px; margin-bottom: 15px;"></p><h3 style="color: inherit; line-height: 35px; margin: 5px 0px; text-rendering: optimizeLegibility; font-size: 16px;"><a name="t18" style="color: rgb(9, 168, 197);"></a><span style="color: rgb(255, 0, 0);">2.4.11、form表单的细节 （ ***** 重点 * ）</span></h3>需求1：模拟tomcat 接收表单的提交信息。 <br>问题1：表单action，method都有什么作用。 <br>action属性： 设置 表单提交到服务器的地址 <br>method属性： 设置 表单提交的方式 <br><br>问题2：为什么表单内容没有提交过去。 <br>1.表单项没有添加name属性值 <br>2.没有被form标签包起来 <br><br>问题3：get方式和post方式提交有什么不同<p style="margin-top: 0px; margin-bottom: 15px;"></p><p style="margin-top: 0px; margin-bottom: 15px;"><strong>GET请求：</strong></p><p style="margin-top: 0px; margin-bottom: 15px;">1.不安全<br>2.浏览器地址栏有长度限制<br><span style="white-space: pre;"></span><br><strong>POST请求</strong><br>它会把所有的表单项以name=value&name=value的形式进行拼接，然后以二进制流的形式发送到服务器浏览器地址里，只有form表单action的属性值，<br>POST请求的特点：<br>1.安全<br>2.它可以发送大量数据到服务器<br></p><div class="dp-highlighter bg_html" style="font-family: Consolas, 'Courier New', Courier, mono, serif; overflow: auto; padding-top: 1px; width: 772.188px; background-color: rgb(231, 229, 220); margin: 18px 0px !important;"><div class="bar" style="padding-left: 45px;"><div class="tools" style="border-left-width: 3px; border-left-style: solid; border-left-color: rgb(108, 226, 108); color: silver; font-variant-ligatures: normal; font-variant-position: normal; font-variant-numeric: normal; font-variant-alternates: normal; font-variant-east-asian: normal; font-size: 9px; line-height: normal; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 3px 8px 10px 10px; background-color: rgb(248, 248, 248);"><b>[html]</b> <a href="http://www.itwendao.com/article/detail/55714.html#" class="ViewSource" title="view plain" style="color: rgb(160, 160, 160); text-decoration: none; border: medium none; margin: 0px 10px 0px 0px; padding: 1px; display: inline-block; height: 16px; text-indent: -2000px; width: 16px; background-image: url(http://www.itwendao.com/images/default/ico_plain.gif); background-attachment: scroll; background-color: inherit; background-position: 0% 0%; background-repeat: no-repeat no-repeat;">view plain</a><span data-mod="popu_168"> <a href="http://www.itwendao.com/article/detail/55714.html#" class="CopyToClipboard" title="copy" style="color: rgb(160, 160, 160); text-decoration: none; border: medium none; margin: 0px 10px 0px 0px; padding: 1px; display: inline-block; height: 16px; text-indent: -2000px; width: 16px; background-image: url(http://www.itwendao.com/images/default/ico_copy.gif); background-attachment: scroll; background-color: inherit; background-position: 0% 0%; background-repeat: no-repeat no-repeat;">copy</a><div style="position: absolute; left: 281px; top: 13428px; width: 18px; height: 18px; z-index: 99;"><embed id="ZeroClipboardMovie_14" src="http://static.blog.csdn.net/scripts/ZeroClipboard/ZeroClipboard.swf" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="18" height="18" name="ZeroClipboardMovie_14" align="middle" allowscriptaccess="always" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="id=14&width=18&height=18" wmode="transparent"></div></span><span data-mod="popu_169"></span></div></div><ol start="1" class="dp-xml" style="list-style: none outside none; margin: 0px 0px 1px 45px !important; padding: 0px; border: medium none; color: rgb(92, 92, 92); background-color: rgb(255, 255, 255);"><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;"><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;"><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">html</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;"><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">head</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;"><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">meta</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">http-equiv</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"Content-Type"</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">content</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"text/html; charset=UTF-8"</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;"><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">title</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">12-表单提交详细</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">title</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;"><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">style</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">type</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"text/css"</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">    textarea{  </span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">        vertical-align: bottom;  </span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">    }  </span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">  </span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;"><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">style</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;"><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">head</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;"><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">body</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">  </span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">    <!--   </span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">        127.0.0.1 是访问本机的IP地址  </span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">  </span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">  </span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">        form 标签是表单标签  </span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">            action 属性设置表单提交到服务器的地址  </span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">            method 属性设置表单提交的方式  GET  POST  </span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">  </span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">  </span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">        在form表单里，只有给表单项添加name属性值，表单项在提交的时候，才会被提交到服务器。  </span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">        在get请求中，浏览器地址栏的地址是action?<span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">name</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">value</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">&</span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">name</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">value</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">        Get 请求会把每一个表单项以<span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">name</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">value</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">&</span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">name</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">value</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">的形式进行字符串的拼接。  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">        所以get请求式地址栏的完整地址格式是  </span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">            action?<span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">name</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">value</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">&</span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">name</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">value</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">          </span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">        get请求特点：  </span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">        1.不安全  </span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">        2.浏览器地址栏有长度限制  </span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">      </span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">        POST请求  </span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">        它会把所有的表单项以<span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">name</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">value</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">&</span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">name</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">value</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">的形式进行拼接，然后以二进制流的形式发送到服务器  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">        浏览器地址里，只有form表单action的属性值，  </span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">        POST请求的特点：  </span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">        1.安全  </span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">        2.它可以发送大量数据到服务器  </span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">     --<span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">    <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">form</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">action</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"http://127.0.0.1:8080"</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">method</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"POST"</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">        <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">table</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">            <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">tr</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">用户名:</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">input</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">name</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"username"</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">type</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"text"</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">value</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"abc"</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">/></span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">            <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">tr</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">            <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">tr</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">密码：</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">input</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">name</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"password"</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">type</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"password"</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">value</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"wzg168"</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">/></span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">            <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">tr</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">            <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">tr</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">性别：</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                    <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">input</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">type</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"radio"</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">name</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"sex"</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">checked</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"checked"</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">value</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"boy"</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">/></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">男  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                    <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">input</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">type</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"radio"</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">name</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"sex"</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">value</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"girl"</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">/></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">女  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">            <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">tr</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">            <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">tr</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">兴趣爱好：</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                    <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">input</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">name</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"hobby"</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">value</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"学习"</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">type</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"checkbox"</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">checked</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"checked"</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">/></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">学习  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                    <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">input</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">name</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"hobby"</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">value</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"睡觉"</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">type</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"checkbox"</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">/></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">睡觉  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                    <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">input</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">name</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"hobby"</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">value</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"看动画片"</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">type</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"checkbox"</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">/></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">看动画片  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                    <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">input</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">name</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"hobby"</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">value</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"看宝宝的电影"</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">type</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"checkbox"</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">/></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">看宝宝的电影  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">            <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">tr</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">            <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">tr</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">国家：</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                    <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">select</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">name</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"country"</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                        <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">option</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">value</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"none"</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">--请选择国家--</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">option</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                        <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">option</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">value</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"cn"</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">selected</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"selected"</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">中国</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">option</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                        <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">option</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">value</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"jp"</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">日本</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">option</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                        <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">option</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">value</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"kr"</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">韩国</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">option</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                    <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">select</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">            <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">tr</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">            <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">tr</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">自我介绍：</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                    <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">textarea</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">name</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"desc"</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">rows</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"10"</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">cols</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"20"</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">textarea</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">            <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">tr</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">            <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">tr</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                    <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">input</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">type</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"submit"</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">value</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"提 交"</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">/></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">align</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"center"</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                    <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">input</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">type</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"reset"</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">value</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"重　置"</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">/></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">                <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">td</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">            <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">tr</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">        <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">table</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">    <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">form</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;"><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">body</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;"><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">html</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li></ol></div><br><strong>这是GET请求方式收到的数据</strong> <br><p style="margin-top: 0px; margin-bottom: 15px;"></p><blockquote style="border: none; font-size: 14px; margin: 0px 0px 0px 40px; padding: 0px; background-color: rgb(250, 252, 249);"><p style="margin-top: 6px; margin-bottom: 5px; padding-top: 0px; padding-bottom: 0px;">GET /?sex=on HTTP/1.1</p><p style="margin-top: 6px; margin-bottom: 5px; padding-top: 0px; padding-bottom: 0px;">Host: 127.0.0.1:8080</p><p style="margin-top: 6px; margin-bottom: 5px; padding-top: 0px; padding-bottom: 0px;">User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:48.0) Gecko/20100101 Firefox/48.0</p><p style="margin-top: 6px; margin-bottom: 5px; padding-top: 0px; padding-bottom: 0px;">Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8</p><p style="margin-top: 6px; margin-bottom: 5px; padding-top: 0px; padding-bottom: 0px;">Accept-Language: zh-CN,zh;q=0.8,en-US;q=0.5,en;q=0.3</p><p style="margin-top: 6px; margin-bottom: 5px; padding-top: 0px; padding-bottom: 0px;">Accept-Encoding: gzip, deflate</p><p style="margin-top: 6px; margin-bottom: 5px; padding-top: 0px; padding-bottom: 0px;">Connection: keep-alive</p><p style="margin-top: 6px; margin-bottom: 5px; padding-top: 0px; padding-bottom: 0px;">Upgrade-Insecure-Requests: 1</p></blockquote><p style="margin-top: 0px; margin-bottom: 15px;"><br><strong>POST请求接收的数据格式</strong><br><br>post 的http请求格式 分三段 <br></p><blockquote style="border: none; font-size: 14px; margin: 0px 0px 0px 40px; padding: 0px; background-color: rgb(250, 252, 249);"><p style="margin-top: 6px; margin-bottom: 5px; padding-top: 0px; padding-bottom: 0px;">请求行</p><p style="margin-top: 6px; margin-bottom: 5px; padding-top: 0px; padding-bottom: 0px;">请求头</p><p style="margin-top: 6px; margin-bottom: 5px; padding-top: 0px; padding-bottom: 0px;">空行</p><p style="margin-top: 6px; margin-bottom: 5px; padding-top: 0px; padding-bottom: 0px;">请求体</p><p style="margin-top: 6px; margin-bottom: 5px; padding-top: 0px; padding-bottom: 0px;"><br></p></blockquote><blockquote style="border: none; font-size: 14px; margin: 0px 0px 0px 40px; padding: 0px; background-color: rgb(250, 252, 249);"><p style="margin-top: 6px; margin-bottom: 5px; padding-top: 0px; padding-bottom: 0px;">POST / HTTP/1.1</p><p style="margin-top: 6px; margin-bottom: 5px; padding-top: 0px; padding-bottom: 0px;">Host: 127.0.0.1:8080</p><p style="margin-top: 6px; margin-bottom: 5px; padding-top: 0px; padding-bottom: 0px;">User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:48.0) Gecko/20100101 Firefox/48.0</p><p style="margin-top: 6px; margin-bottom: 5px; padding-top: 0px; padding-bottom: 0px;">Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8</p><p style="margin-top: 6px; margin-bottom: 5px; padding-top: 0px; padding-bottom: 0px;">Accept-Language: zh-CN,zh;q=0.8,en-US;q=0.5,en;q=0.3</p><p style="margin-top: 6px; margin-bottom: 5px; padding-top: 0px; padding-bottom: 0px;">Accept-Encoding: gzip, deflate</p><p style="margin-top: 6px; margin-bottom: 5px; padding-top: 0px; padding-bottom: 0px;">Connection: keep-alive</p><p style="margin-top: 6px; margin-bottom: 5px; padding-top: 0px; padding-bottom: 0px;">Upgrade-Insecure-Requests: 1</p><p style="margin-top: 6px; margin-bottom: 5px; padding-top: 0px; padding-bottom: 0px;">Content-Type: application/x-www-form-urlencoded</p><p style="margin-top: 6px; margin-bottom: 5px; padding-top: 0px; padding-bottom: 0px;">Content-Length: 107</p></blockquote>地址栏显示：username=abc&password=123456&sex=boy&hobby=%E5%AD%A6%E4%B9%A0&hobby=%E7%9D%A1%E8%A7%89&country=cn&desc=asdf<p style="margin-top: 0px; margin-bottom: 15px;"><br></p><h3 style="color: inherit; line-height: 35px; margin: 5px 0px; text-rendering: optimizeLegibility; font-size: 16px;"><a name="t19" style="color: rgb(9, 168, 197);"></a>2.4.12其他标签</h3>需求1：div、span、p标签的演示 <br><br>div 块标签： 经常和CSS组合使用来进行布局 <br>span 内联标签： 它主要用来显示文本 <br>p 段落标签：表示是一个段落   <br><br><div class="dp-highlighter bg_html" style="font-family: Consolas, 'Courier New', Courier, mono, serif; overflow: auto; padding-top: 1px; width: 772.188px; background-color: rgb(231, 229, 220); margin: 18px 0px !important;"><div class="bar" style="padding-left: 45px;"><div class="tools" style="border-left-width: 3px; border-left-style: solid; border-left-color: rgb(108, 226, 108); color: silver; font-variant-ligatures: normal; font-variant-position: normal; font-variant-numeric: normal; font-variant-alternates: normal; font-variant-east-asian: normal; font-size: 9px; line-height: normal; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 3px 8px 10px 10px; background-color: rgb(248, 248, 248);"><b>[html]</b> <a href="http://www.itwendao.com/article/detail/55714.html#" class="ViewSource" title="view plain" style="color: rgb(160, 160, 160); text-decoration: none; border: medium none; margin: 0px 10px 0px 0px; padding: 1px; display: inline-block; height: 16px; text-indent: -2000px; width: 16px; background-image: url(http://www.itwendao.com/images/default/ico_plain.gif); background-attachment: scroll; background-color: inherit; background-position: 0% 0%; background-repeat: no-repeat no-repeat;">view plain</a><span data-mod="popu_168"> <a href="http://www.itwendao.com/article/detail/55714.html#" class="CopyToClipboard" title="copy" style="color: rgb(160, 160, 160); text-decoration: none; border: medium none; margin: 0px 10px 0px 0px; padding: 1px; display: inline-block; height: 16px; text-indent: -2000px; width: 16px; background-image: url(http://www.itwendao.com/images/default/ico_copy.gif); background-attachment: scroll; background-color: inherit; background-position: 0% 0%; background-repeat: no-repeat no-repeat;">copy</a><div style="position: absolute; left: 281px; top: 16434px; width: 18px; height: 18px; z-index: 99;"><embed id="ZeroClipboardMovie_15" src="http://static.blog.csdn.net/scripts/ZeroClipboard/ZeroClipboard.swf" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="18" height="18" name="ZeroClipboardMovie_15" align="middle" allowscriptaccess="always" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="id=15&width=18&height=18" wmode="transparent"></div></span><span data-mod="popu_169"></span></div></div><ol start="1" class="dp-xml" style="list-style: none outside none; margin: 0px 0px 1px 45px !important; padding: 0px; border: medium none; color: rgb(92, 92, 92); background-color: rgb(255, 255, 255);"><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;"><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;"><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">html</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;"><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">head</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;"><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">meta</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">http-equiv</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"Content-Type"</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;"> </span><span class="attribute" style="border: medium none; margin: 0px; padding: 0px; color: red; background-color: inherit;">content</span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">=</span><span class="attribute-value" style="border: medium none; margin: 0px; padding: 0px; color: blue; background-color: inherit;">"text/html; charset=UTF-8"</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;"><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">title</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">Insert title here</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">title</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;"><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">head</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;"><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">body</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;"><span class="comments" style="border: medium none; margin: 0px; padding: 0px; color: rgb(0, 130, 0); background-color: inherit;"><!--     div 块标签 经常和CSS组合使用来进行布局 --></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;"><span class="comments" style="border: medium none; margin: 0px; padding: 0px; color: rgb(0, 130, 0); background-color: inherit;"><!--     span 内联标签 它主要用来显示文本 --></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;"><span class="comments" style="border: medium none; margin: 0px; padding: 0px; color: rgb(0, 130, 0); background-color: inherit;"><!--     p 段落标签   --></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">    <!--   </span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">        div是块标签，它会自动的独占一行     </span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">        span 是内联标签 这的宽度就是它封装的文本的宽度        </span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">        p 段落标签它会自动的上方和下方，各空出一行来  </span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">    --<span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">    <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">div</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">div标签1</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">div</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">    <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">div</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">div标签1</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">div</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">      </span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">    <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">span</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">span标签1</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">span</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">    <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">span</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">span标签2</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">span</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">      </span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">    <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">p</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">段落1</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">p</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;">    <span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"><</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">p</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">段落2</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">p</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); list-style: decimal-leading-zero outside none; background-color: rgb(248, 248, 248); margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;"><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">body</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li><li class="alt" style="line-height: 18px; border-width: medium medium medium 3px; border-style: none none none solid; border-left-color: rgb(108, 226, 108); color: inherit; list-style: decimal-leading-zero outside none; margin: 0px !important; padding: 0px 3px 0px 10px !important;"><span style="border: medium none; margin: 0px; padding: 0px; color: black; background-color: inherit;"><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;"></</span><span class="tag-name" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">html</span><span class="tag" style="border: medium none; margin: 0px; padding: 0px; color: rgb(153, 51, 0); font-weight: bold; background-color: inherit;">></span><span style="border: medium none; margin: 0px; padding: 0px; background-color: inherit;">  </span></span></li></ol></div><p style="margin-top: 0px; margin-bottom: 15px;"></p><p style="margin-top: 0px; margin-bottom: 15px;"></p></div><div class="article-social" style="margin-bottom: 10px; padding-top: 15px; text-align: center;"><div class="bdsharebuttonbox bdshare-button-style1-24" data-bd-bind="1477020226214" style="zoom: 1;"><a href="http://www.itwendao.com/article/detail/55714.html#" class="bds_more" data-cmd="more" data-original-title="" title="" style="color: rgb(51, 51, 51); text-decoration: none; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(214, 214, 214); float: left; font-size: 18px; padding-left: 25px; line-height: 24px; height: 24px; cursor: pointer; margin: 6px 6px 6px 0px; font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-variant-ligatures: normal; font-variant-position: normal; font-variant-numeric: normal; font-variant-alternates: normal; font-variant-east-asian: normal; widows: 1; background-image: url(http://bdimg.share.baidu.com/static/api/img/share/icons_1_24.png?v=37be22f4.png); background-position: 0px 0px; background-repeat: no-repeat no-repeat;"></a><a href="http://www.itwendao.com/article/detail/55714.html#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间" data-original-title="分享到QQ空间" style="color: rgb(9, 168, 197); text-decoration: none; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(214, 214, 214); float: left; font-size: 18px; padding-left: 25px; line-height: 24px; height: 24px; cursor: pointer; margin: 6px 6px 6px 0px; font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-variant-ligatures: normal; font-variant-position: normal; font-variant-numeric: normal; font-variant-alternates: normal; font-variant-east-asian: normal; widows: 1; background-image: url(http://bdimg.share.baidu.com/static/api/img/share/icons_1_24.png?v=37be22f4.png); background-position: 0px -52px; background-repeat: no-repeat no-repeat;"></a><a href="http://www.itwendao.com/article/detail/55714.html#" class="bds_weixin" data-cmd="weixin" title="分享到微信" data-original-title="分享到微信" style="color: rgb(9, 168, 197); text-decoration: none; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(214, 214, 214); float: left; font-size: 18px; padding-left: 25px; line-height: 24px; height: 24px; cursor: pointer; margin: 6px 6px 6px 0px; font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-variant-ligatures: normal; font-variant-position: normal; font-variant-numeric: normal; font-variant-alternates: normal; font-variant-east-asian: normal; widows: 1; background-image: url(http://bdimg.share.baidu.com/static/api/img/share/icons_1_24.png?v=37be22f4.png); background-position: 0px -1612px; background-repeat: no-repeat no-repeat;"></a><a href="http://www.itwendao.com/article/detail/55714.html#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博" data-original-title="分享到新浪微博" style="color: rgb(9, 168, 197); text-decoration: none; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(214, 214, 214); float: left; font-size: 18px; padding-left: 25px; line-height: 24px; height: 24px; cursor: pointer; margin: 6px 6px 6px 0px; font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-variant-ligatures: normal; font-variant-position: normal; font-variant-numeric: normal; font-variant-alternates: normal; font-variant-east-asian: normal; widows: 1; background-image: url(http://bdimg.share.baidu.com/static/api/img/share/icons_1_24.png?v=37be22f4.png); background-position: 0px -104px; background-repeat: no-repeat no-repeat;"></a><a href="http://www.itwendao.com/article/detail/55714.html#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博" data-original-title="分享到腾讯微博" style="color: rgb(9, 168, 197); text-decoration: none; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(214, 214, 214); float: left; font-size: 18px; padding-left: 25px; line-height: 24px; height: 24px; cursor: pointer; margin: 6px 6px 6px 0px; font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-variant-ligatures: normal; font-variant-position: normal; font-variant-numeric: normal; font-variant-alternates: normal; font-variant-east-asian: normal; widows: 1; background-image: url(http://bdimg.share.baidu.com/static/api/img/share/icons_1_24.png?v=37be22f4.png); background-position: 0px -260px; background-repeat: no-repeat no-repeat;"></a><a href="http://www.itwendao.com/article/detail/55714.html#" class="bds_renren" data-cmd="renren" title="分享到人人网" data-original-title="分享到人人网" style="color: rgb(9, 168, 197); text-decoration: none; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(214, 214, 214); float: left; font-size: 18px; padding-left: 25px; line-height: 24px; height: 24px; cursor: pointer; margin: 6px 6px 6px 0px; font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-variant-ligatures: normal; font-variant-position: normal; font-variant-numeric: normal; font-variant-alternates: normal; font-variant-east-asian: normal; widows: 1; background-image: url(http://bdimg.share.baidu.com/static/api/img/share/icons_1_24.png?v=37be22f4.png); background-position: 0px -208px; background-repeat: no-repeat no-repeat;"></a></div></div>

陶大海888
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
01-javaweb基础之html基础学习笔记
05-03
html基础知识，比如常用的标签、表格标签、表单标签、freamset框架、ifream内置框架标签
JavaWeb初级学习 之 HTML
OnlyLove_longshao的博客
10-20 3262
1、思维导图 首先为大家提供本文所要阐述的知识点的思维导图，帮助大家更好的了解本文要阐述的知识。 2、HTML简介 Hyper Text Markup Language（超文本标记语言）   简写：HTML标记语言，我们也叫标签语言,Html通过标签来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如
JavaWeb基础之html
VinciF的博客
05-20 2311
html font标签 <font size="1" color="red">文字标签</font> size:1-7 注释标签 <!--html的注释--> 标题标签 <h1></h1> <h2></h2> ...<h6></h6> h1到h6依次变小，自动换行 水平线标签 <hr size="1" color="red"/> 特殊字符 字符 转义 < &a
javaweb基础之html表格
InferiorZhang的博客
03-13 1525
一、表格的基本结构 mg标签是图片标签，用来显示图片 src属性可以设置图片的路径 width属性设置图片宽度 height属性设置图片高度 border属性设置图片边框大小 alt属性设置当指定路径找不到图片时，用来代替显示的文本内容 在web中路径分为相对路径和绝对路径两种： 相对路径： . 表示当前文件所在的目录 .. 表示当前文件所在的上一级目录 文件名 表示当前文件所在目录的文件，相当于 ./文件名 可以省略 绝对路径： ...
JavaWeb实验 HTML基础应用
Jiangxia13的博客
03-05 995
实验内容 【1】利用HTML创建一个课程表。如下图所示（也可以根据自己实际课程创建，但是必须体现单元格合并）： 【2】利用HTML创建一个登录界面。如下图所示：
【Javaweb】HTML 基础
耀的博客
03-04 6206
目录 一、HTML结构 1，认识HTML标签 2，HTML 文件基本结构 3，标签层次结构 4，快速生成代码框架 二、HTML 常见标签 1，注释标签 2，标题标签 3，段落标签: p 4，换行标签: br 5，格式化标签 6，超链接标签: a 7，表格标签 8，列表标签 9，表单标签 form 标签 input 标签 label 标签 select 标签 11，无语义标签: div & span 一、HTML结构 1，认识HTML标签 HTML
javaWeb自学-html基础
03-09
javaWeb自学-html基础
JavaWeb基础知识点.html
02-03
如遇到积分不足，又有需要的；可以到我的博客，对应的思维导图分类对应的文章留下邮箱，看到后，会第一时间发给你了。
JavaWeb开发基础之Html详解
09-21
JavaWeb开发基础之Html详解，Html是进行web开发的必备知识，学好了html是学习web开发的前提！
JavaWeb开发实例大全基础卷
07-22
资源名称：Java Web开发实例大全 基础...全书分为6篇23章，主要内容有开发环境搭建、Java语言基础、HTML/CSS技术、JSP基础与内置对象、JavaBean技术、Servl 资源太大，传百度网盘了，链接在附件中，有需要的同学自取。
这是一个简单的照明材料网站，后续还会更新
m0_64180190的博客
04-29 2172
产品中心|联系方式|新闻动态网页首页|产品中心|联系方式|新闻动态
高德地图+HTML+点击事件+自定心信息窗体
pursue.dreams的博客
04-30 462
【代码】高德地图+HTML+点击事件+自定心信息窗体。
用html画一个四叶草
liulang68的博客
04-20 2036
以上是部分代码，需要请看主页加联系方式。
在HTML中使用JavaScript实时显示当前日期和时间（结尾完整例程）
weixin_67244432的博客
04-29 685
在Web开发中，经常需要在网页上显示当前的日期和时间。HTML本身并不具备这样的动态功能，但我们可以借助JavaScript来实现。JavaScript是一种常用的前端脚本语言，它可以轻松地获取系统时间，并将其插入到HTML元素中。现在，当您打开这个HTML页面时，它将实时显示当前的日期和时间，并且每秒都会自动更新。的JavaScript文件，并编写用于获取和格式化当前日期时间的函数。首先，我们创建一个HTML文件，并在其中添加一个用于显示日期和时间的。函数，以便实时更新显示的日期时间。
CSS中的圆角和阴影
小何代码咖啡馆
04-21 1538
在 CSS3 中，新增了圆角边框样式，这样我们的盒子就可以变圆角了。（必需值）水平阴影(horizontal shadow)，可以为负值。（必需值）水平阴影(horizontal shadow)，可以为负值。（必需值）垂直阴影(vertical shadow)，可以为负值。（必需值）垂直阴影(vertical shadow)，可以为负值。（可选值）将外（盒子的背面）阴影改为内（盒子之上）阴影。CSS3 中新增了盒子阴影，可以使用。属性为盒子添加阴影。（可选值）阴影模糊程度。（可选值）阴影模糊程度。
HTML_CSS学习:CSSLearning
m0_74972727的博客
05-01 405
【代码】HTML_CSS学习:CSSLearning。
HTML_CSS学习：CSS盒子模型
最新发布
m0_74972727的博客
05-04 516
块元素：1.主题结构标签：<html>、<body>2.排版标签：<h1>-<h6>、<hr>、<p>、<pre>、<div>3.列表标签：<ul>、<ol>、<li>、<dt>、<dd>4.表格相关标签：<table>、<tbody>、<thead>、<tfoot>、<tr>、<caption>行内元素：1.文本标签：<br>、<em>、<strong>、<sup>、<sub>、<del>、<ins>2.<a>与<label>行内块元素：1.图片：<img>
HTML_CSS学习：CSS选择器
m0_74972727的博客
05-01 555
【代码】HTML_CSS学习：CSS选择器。
HTML_CSS学习：CSS的编写位置
m0_74972727的博客
05-01 335
【代码】HTML_CSS学习：CSS的编写位置。
javaweb基础学习
09-14
欢迎您对JavaWeb基础学习的兴趣。如果您是初学者，我可以为您提供一些入门的建议和学习资源。以下是一些建议： 1. Java基础知识：在学习JavaWeb之前，首先需要掌握Java的基础知识，包括面向对象编程、控制流、集合...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值