1.表单

  页面如下:

     利用CSS制作背景变色的横向导航栏

 1 <html>
 2     <head>
 3         <title>注册表单页面</title>
 4     </head>
 5     <body>
 6         <form name="form1" method="post" action="">
 7             <table width="500" border="1" align="center" cellpadding="0" cellspacing="2">
 8                 <tr>
 9                     <td width="143" height="25">姓名:</td>
10                     <td width="351"><input name="name" type="text" ></td>
11                 </tr>
12                 <tr>
13                     <td height="25">年龄:</td>
14                     <td>
15                         <select name="age" >
16                            <option value="5" selected>5</option>
17                            <option value="5" >6</option> 
18                            <option value="5" >7</option> 
19                            <option value="5" >8</option> 
20                            <option value="5" >9</option> 
21                            <option value="5" >10</option> 
22                            <option value="5" >11</option> 
23                            <option value="5" >12</option> 
24                         </select>
25                     </td>
26                 </tr>
27                 <tr>
28                     <td height="25">性别:</td>
29                     <td>
30                         <input name="radiobutton" type="radio" value="radiobutton" checked>
31 32                         <input name="radiobutton" type="radio" value="radiobutton" >
33 34                     </td>
35                 </tr>
36                 <tr>
37                     <td height="25">家庭住址:</td>
38                     <td><input name="textfie2" type="text" size="40"></td>
39                 </tr>
40                 <tr>
41                     <td height="25">联系电话:</td>
42                     <td><input name="textfie3" type="text" size="15"></td>
43                 </tr>
44                 <tr>
45                     <td height="25">满意度评价:</td>
46                     <td>
47                         <input type="checkbox" name="checkbox" value="checkbox">非常满意
48                         <input type="checkbox" name="checkbox" value="checkbox">一般
49                         <input type="checkbox" name="checkbox" value="checkbox">非常差
50                     </td>
51                 </tr>
52                 <tr>
53                     <td height="25">意见:</td>
54                     <td>
55                         <textarea name="textarea" cols="40" rows="10"></textarea>
56                     </td>
57                 </tr>
58                 <tr>
59                     <td align="center">
60                         <input type="submit" name="Submit1" value="提交">
61                         <input type="reset" name="Submit2" value="重置">
62                     </td>
63                 </tr>
64             </table>
65         </form>
66     </body>
67 </html>
View Code

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-12-21
  • 2021-07-28
  • 2021-11-29
  • 2021-08-07
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案