HTML+CSS练习 

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title>form标签</title>
 6         <style type="text/css">
 7             input{
 8                 color: red;text-decoration:blink ;
 9             }
10             #select1{
11                 background-color: aqua;width: auto;
12             }
13             .myaction{
14                 background-color: bisque;width: auto;
15             }
16             
17         </style>
18         
19         <style type="text/css">
20             ul{
21                 list-style-type: arabic-indic;
22             }
23         </style>
24         <link rel="stylesheet" type="text/css" href="test.css"/>
25     </head>
26     <body>
27         <div id="div2" style="position: absolute;top: 9.375rem;left:450px;background-color: burlywood;border: 4px solid #993300 ; width: 31.25rem; height: 500px;">
28             <form action="http://localhost:8080/save/auth" target="_blank"   >
29                 &nbsp;&nbsp;<input type="hidden" name="userid" id="" value="10001"/><br>
30                 &nbsp;&nbsp;姓名：<input type="text" name="username" id="" value=""  maxlength="4" class="myaction"/><br><br>
31                 &nbsp;&nbsp;兴趣爱好：<input type="checkbox" name="interest" id="" value="ball" />篮球
32                 &nbsp;&nbsp;<input type="checkbox" name="interest" id="" value="fish" />钓鱼
33                 &nbsp;&nbsp;<input type="checkbox" name="interest" id="" value="montain" />爬山<br><br>
34                 &nbsp;&nbsp;性别：<input type="radio" name="sex" id="" value="1" /> 男
35                 &nbsp;&nbsp;<input type="radio" name="sex" id="" value="0" /> 女<br><br>
36                 &nbsp;&nbsp;附件：<input type="file" name="file" id="" value="" /><br><br>
37                 &nbsp;&nbsp;验证码：<input type="password" name="jianjie" id="" value="" /><br><br>
38                 &nbsp;&nbsp;籍贯：<select name="HH" id="select1">
39                     <option value ="1">北京</option>
40                     <option value ="2">湖南</option>
41                     <option value ="3">新疆xxxxxx</option>
42                 </select><br><br>
43                 &nbsp;&nbsp;简介：<textarea rows="5" cols="25" class="myaction">
44                 </textarea><br><br>
45                 &nbsp;&nbsp;<a href="http://www.baidu.com" target="_blank">百度</a><br><br>
46                 &nbsp;&nbsp;<input type="submit" name="" id="" value="提交" align="center"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
47                 &nbsp;&nbsp;<input type="reset" name="" id="" value="清空" align="right" />
48                 
49             </form>
50         </div>
51         <div id="div3">
52             <ul>
53                 <li>青岛</li>
54                 <li>北京</li>
55                 <li>济南</li>
56             </ul>
57         </div>
58     </body>
59 </html>
a{
    text-decoration: none;
}

 

posted @ 2021-01-26 22:21  渐行、渐远  阅读(144)  评论(0)    收藏  举报