表单

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title></title>
 6     </head>
 7     <body>
 8         <form action="http://www.miaov.com">
 9             <p>
10                 <input type="text" name="user_name" value="输入框" />    //text的格式 value的值会显示出来
11             </p>
12             <p>
13                 <input type="password" name="password" value="" />
14             </p>
15             <p>
16                 <input type="radio" name="sex" value="men" />男    //  单选radio格式会有选择的样式如果name一致南无会互斥,只能选一个
17                 <input type="radio" name="sex" value="women" />18             </p>
19             <p>
20                 <input type="checkbox" name="xingqu" value="chi" />吃  //多选:是checkbox模式
21             <input type="checkbox" name="xingqu" value="shuijiao" />睡觉
22             <input type="checkbox" name="xingqu" value="dadoudou" />打豆豆
23             </p>
24             <p>
25                 <input type="button" value="自定义按钮" />      //要给value的值否则buttom不能显示
26                 <input type="image"  />
27             </p>
28             <p>
29                 <input type="file" />                   //在发说说或是微薄的时候传张图片会用到文件,自己会默认为选择文件
30             </p>
31             <p>
32                 <input type="hidden" value="yincang" />
33             </p>
34             <p>
35                 <input type="submit" />          //提交
36                 <input type="reset" />        //重置
37             </p>
38         </form>
39     </body>
40 </html>

 

posted on 2016-03-01 19:30  hduhdc  阅读(139)  评论(0编辑  收藏  举报