HTML表格

 

[html] view plain copy
 
 在CODE上查看代码片派生到我的代码片
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  5. <title>无标题文档</title>  
  6. </head>  
  7.   
  8. <body>  
  9.     <form action="#" method="post">  
  10.     <table border="1" bordercolor="blue"    cellspacing="0">  
  11.         <tr>  
  12.             <td width="100px" >姓名</td>  
  13.             <td width="300px"><input name="name" type="text" size="20" /></td>  
  14.             <td width="150px"</td>  
  15.         </tr>  
  16.         <tr>  
  17.             <td>密码</td>  
  18.             <td><input name="password" type="password" size="20" /></td>  
  19.             <td</td>  
  20.         </tr>  
  21.         <tr>  
  22.             <td>重复密码</td>  
  23.             <td><input name="rpassword" type="password" size="20" /></td>  
  24.             <td</td>  
  25.         </tr>  
  26.         <tr>  
  27.             <td>年龄</td>  
  28.             <td><input name="age" type="text" size="20" /></td>  
  29.             <td</td>  
  30.         </tr>  
  31.         <tr>  
  32.             <td>性别</td>  
  33.             <td>  
  34.             <input name="sex" type="radio" value="0" />男  
  35.             <input name="sex" type="radio" value="1" />女  
  36.             </td>  
  37.             <td type="border-right-style:none;border-bottom-style:none" rowspan="4"></td>  
  38.         <tr>  
  39.             <td>爱好</td>  
  40.             <td>  
  41.                 <input name="hobby" type="checkbox" value="1" />足球  
  42.                 <input name="hobby" type="checkbox" value="2" />篮球  
  43.                 <input name="hobby" type="checkbox" value="3" />羽毛球  
  44.                 <input name="hobby" type="checkbox" value="4" />乒乓球  
  45.             </td>  
  46.         </tr><tr>  
  47.             <td>班级</td>  
  48.             <td>  
  49.                 <select name="class">  
  50.                 <option>一年级一班</option>  
  51.                 <option>一年级二班</option>  
  52.                 </select>  
  53.             </td>  
  54.         </tr>  
  55.         <tr>  
  56.             <td>说明</td>  
  57.             <td>  
  58.                 <textarea name="introduce" cols="46" rows="6" ></textarea>  
  59.             </td>  
  60.         </tr>  
  61.         <tr>  
  62.             <td>  
  63.                 <input type="reset" name="reset" value="重置" />  
  64.             </td>  
  65.             <td>  
  66.                 <input type="submit" name="submit" value="提交" />  
  67.             </td>  
  68.         </tr>  
  69.     </table>  
  70. </body>  
  71. </html>  
原文地址:https://www.cnblogs.com/guanghe/p/6054463.html