search

博客列表 >表格制作表单

表格制作表单

Fog.
Fog.原创
2022年03月21日 09:58:48597浏览

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <title style="text-align:center">课程表</title>
  6.     </head>
  7.     <body>
  8.         <table border="0" cellpadding="10" width="100%">
  9.             <tr>
  10.                 <th style="text-align: left;">姓名</th>
  11.                 <th style="text-align: left;"><input type="text" name="name" value=""></th>
  12.             </tr>
  13.             <tr>
  14.                 <th style="text-align: left;">密码（10位以内）</th>
  15.                 <th style="text-align: left;"><input type="text" name="passwd" value=""></th>
  16.             </tr>
  17.             <tr>
  18.                 <th style="text-align: left;">确认密码</th>
  19.                 <th style="text-align: left;"><input type="text" name="passwds" value=""></th>
  20.             </tr>
  21.             <tr>
  22.                 <th style="text-align: left;">性别</th>
  23.                 <th style="text-align: left;"><input type="radio" name="nv">男<input type="radio" name="nv">女</th>
  24.             </tr>
  25.             <tr>
  26.                 <th style="text-align: left;">出生日期</th>
  27.                 <th style="text-align: left;"><input style="width: 30px;height:15px" type="text" name="passwd"
  28.                         value="">年<input style="width: 30px;height:15px" type="text" name="passwd" value="">月<input
  29.                         style="width: 30px;height:15px" type="text" name="passwd" value="">日</th>
  30.             </tr>
  31.             </tr>
  32.             <tr>
  33.                 <th style="text-align: left;">所在系</th>
  34.                 <th style="text-align: left;"><select name="cars">
  35.                         <option value="volvo">计算机</option>
  36.                 </th>
  37.             </tr>
  38.             <tr>
  39.                 <th style="text-align: left;">专业</th>
  40.                 <th style="text-align: left;"><select name="cars">
  41.                         <option value="volvo">电子商务</option>
  42.                 </th>
  43.             </tr>
  44.             <tr>
  45.                 <th style="text-align: left;">上传个人照片</th>
  46.                 <th style="text-align: left;"><input type="text" name="polotor" value=""><button type="button">浏览...</button>
  47.                 </th>
  48.             </tr>
  49.             <tr>
  50.                     <th style="text-align: left;">个人商务</th>
  51.                     <th style="text-align: left;"><textarea name="description" cols="20">
  52.                     </textarea></th>
  53.             </tr>
  54.             <tr>
  55.                 <th style="text-align: left;">个人爱好</th>
  56.                 <th colspan="2" style="align: center;">
  57.                                             <input type="checkbox" value="nv">唱歌&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  58.                                             <input type="checkbox" value="nv">跳舞&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  59.                                             <input type="checkbox" value="nv">读书&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  60.                                             <input type="checkbox" value="nv">交友&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  61.                                             <input type="checkbox" value="nv">书法&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  62.                                             <input type="checkbox" value="nv">上网&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  63.                                             <input type="checkbox" value="nv">旅游&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  64.                                             <input type="checkbox" value="nv">聊天&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  65.                                             </th>
  66.             </tr>
  67.             <table border="0" align="center">
  68.                 <tr>
  69.                     <td colspan="2" style="align: center;">
  70.                         <input type="submit" value="提交">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  71.                         <input type="reset" value="重置">
  72.                     </td>
  73.                 </tr>
  74.             </table>
  76.         </table>
  78.     </body>
  79. </html>
上一条：表单制作过程下一条：html中做图片,链接,列表,图文列表 及一个课程表
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议