HTML的表单

HTML表单
  1 <!--
  2 <form></form>标签对用来创建一个表单，即定义表单的开始和结束位置，<form>表单具有下面等属性
  3     1.action属性用来设置接受和处理浏览器递交的表单内容的服务器程序的URL
  4     2.method属性用来定义浏览器将表单中的信息提交给服务器端的处理程序的方式，取值可以为：GET或POST
  5     3.target属性用来指定服务器返回结果显示的目标窗口或目标帧。
  6     4.title属性用来设置当网站访问者的素、鼠标在表单上的任一位置停留过几秒时，浏览器用黄色小浮标显示的文本（如表单的名称或描述）
  7     5.enctype属性指示浏览器使用哪种编码方法将表单数据传送给www服务器。该属性可以有两种取值：
  8         application/x-www-form-urlencoded（默认的设置）
  9         multipart/form-data（有文件上传的时候）
 10 -->
 11 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 12 <html xmlns="http://www.w3.org/1999/xhtml">
 13 <head>
 14 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
 15 <title>HTML的表单</title>
 16 </head>
 17 
 18 <body>
 19     <table border="1" width="500" align="center">
 20     <form action="" method="post" target="_blank" title="这是表单" enctype="multipart/form-data"> 
 21         <caption>表单的应用</caption>
 22         <tr>
 23             <th>账号</th>
 24             <td>
 25                 <input type="text" name="username" size="30" value="user"/>
 26             </td>
 27         </tr>
 28         
 29         <tr>
 30             <th>密码</th>
 31             <td>
 32                 <input type="password" name="pass" size="30" value="hello" />
 33             </td>
 34         </tr>
 35         
 36         <tr>
 37             <th>复选框</th>
 38             <td>
 39                     玩游戏<input type="checkbox" checked="checked" name="del[]"/>
 40                     看电影<input type="checkbox" name="del[]"/>
 41                     旅游<input type="checkbox" name="del[]"/>
 42                     看书<input type="checkbox" name="del[]"/>
 43                     写字<input type="checkbox" name="del[]"/>
 44             </td>
 45         </tr>
 46         
 47         <tr>
 48             <th>单选框</th>
 49             <td>
 50                     <input type="radio" name="sex" checked="checked" /> 男
 51                     <input type="radio" name="sex" /> 女
 52                     <input type="radio" name="sex" /> 保密
 53             </td>
 54         </tr>
 55         
 56         <tr>
 57             <th>上传文件</th>
 58             <td>
 59                     <input type="file" name="picture" />
 60             </td>
 61         </tr>
 62         
 63         <tr>
 64             <th>下拉列表</th>
 65             <td>
 66                 <select name="gn">
 67                     <option>--请选择--</option>
 68                     <option>111111</option>
 69                     <option>222222</option>
 70                     <option>333333</option>
 71                     <option>444444</option>
 72                 </select>
 73             </td>
 74         </tr>
 75         
 76         <tr>
 77             <th>列表</th>
 78             <td>
 79                 <select name="gn1" size="5">
 80                     <option>111111</option>
 81                     <option>222222</option>
 82                     <option>333333</option>
 83                     <option>444444</option>
 84                     <option>555555</option>
 85                     <option>666666</option>
 86                     <option>777777</option>
 87                 </select>
 88             </td>
 89         </tr>
 90         
 91         <tr>
 92             <th>多选列表</th>
 93             <td>
 94                 <select name="gn2" size="5" multiple="multiple">
 95                     <option>111111</option>
 96                     <option>222222</option>
 97                     <option>333333</option>
 98                     <option>444444</option>
 99                     <option>555555</option>
100                     <option>666666</option>
101                     <option>777777</option>
102                 </select>
103             </td>
104         </tr>
105         
106         <tr>
107             <th>多行文本域</th>
108             <td>
109                     <textarea cols="40" rows="6" name="message">在这里输入你的信息</textarea>
110             </td>
111         </tr>
112         <input type="hidden" name="id" value="100" />
113         
114         <tr>
115             <td colspan="2" align="center">
116                 <input type="submit" name="sub" value="提交" />
117                 <input type="image" src="dl.gif" />
118                 <input type="reset" />
119                 <input type="button" value="清空" onclick="document.frm.username.value=''" />
120             </td>
121         </tr>
122         </form>
123     </table>
124 </body>
125 </html>