• [HTML] 做个空壳网页练手(菜鸡的自我信息完善


      1 <!DOCTYPE html>
      2 <html>
      3     <head>
      4         <meta charset="utf-8">
      5         <title>information</title>
      6         <style>
      7             body{
      8                 background-image: url("https://i0.hdslb.com/bfs/article/d55379889344ae8a88335ecac6553ed78ae7bce8.jpg@942w_531h_progressive.webp");
      9                 background-size : cover;
     10             }      
     11         </style>
     12     </head>
     13     <body>
     14         <div align="center">
     15             <h1><font color="skyblue" > 信息完善</font></h1>
     16             <form action="/login.jsp" method="GET">
     17                 <table width="280px">
     18                     <tr>
     19                         <td width="80px" align="right"><font color="red">*</font>用户名 :</td>
     20                         <td colspan="4">
     21                             <input type="text" name="username">
     22                         </td>
     23                     </tr>
     24                     <tr>
     25                         <td width="80px" align="right"><font color="red">*</font>密码 :</td>
     26                         <td colspan="4">
     27                             <input type="password" name="password" placeholder="大于六位,包含字母数字">
     28                         </td>
     29                     </tr>
     30                     <tr>
     31                         <td width="100px" align="right"><font color="red">*</font>确认密码 :</td>
     32                         <td colspan="4">
     33                             <input type="password" name="surepassword" placeholder="请再次输入密码">
     34                         </td>
     35                     </tr>
     36                     <tr>
     37                         <td width="80px" align="right"><font color="red">*</font>邮箱 :</td>
     38                         <td colspan="4">
     39                             <input type="text" name="email">
     40                         </td>
     41                     </tr>
     42                     <tr>
     43                         <td width="80px" align="right"><font color="red">*</font>真实姓名 :</td>
     44                         <td colspan="4">
     45                             <input type="text" name="name">
     46                         </td>
     47                     </tr>
     48                     <tr>
     49                         <td width="100px" align="right">性别 :</td>
     50                         <td >
     51<input type="radio" name="sex" value="male" >
     52                         </td>
     53                         <td >
     54<input type="radio" name="sex" value="female" >
     55                         </td>
     56                     </tr>
     57                     <tr>
     58                         <td align="right" width="100px">生日 :</td>
     59                         <td>
     60                             <select width>
     61                                 <option hidden></option>
     62                                 <option value="1999">1999</option>
     63                                 <option value="2000">2000</option>
     64                                 <option value="2001">2001</option>
     65                                 <option value="2002">2002</option>
     66                                 <option value="2003">2003</option>
     67                             </select>
     68                         </td>
     69                         <td>
     70                             <select>
     71                                 <option hidden></option>
     72                                 <option value="1">1</option>
     73                                 <option value="3">3</option>
     74                                 <option value="5">5</option>
     75                                 <option value="7">7</option>
     76                                 <option value="12">12</option>
     77                             </select>
     78                         </td>
     79                         <td>
     80                             <select>
     81                                 <option hidden></option>
     82                                 <option value="5">5</option>
     83                                 <option value="10">10</option>
     84                                 <option value="15">15</option>
     85                                 <option value="20">20</option>
     86                                 <option value="25">25</option>
     87                             </select>
     88                         </td>     
     89                     </tr>
     90                     <tr>
     91                         <td width="80px" align="right"><font color="red">*</font>手机号 :</td>
     92                         <td colspan="4">
     93                             <input type="text" name="phone">
     94                         </td>
     95                     </tr>
     96                     <tr>
     97                         <td width="80px" align="right">居住地</td>
     98                         <td>
     99                             <select>
    100                                 <option hidden>星系</option>
    101                                 <option value="银河系">银河系</option>
    102                                 <option value="坐标系">坐标系</option>
    103                                 <option value="恶魔系">恶魔系</option>
    104                             </select>
    105                         </td>
    106                         <td>
    107                             <select>
    108                                 <option hidden>星球</option>
    109                                 <option value="地球">地球</option>
    110                                 <option value="篮球">篮球</option>
    111                                 <option value="赛博坦星球">赛博坦</option>
    112                             </select>
    113                         </td>
    114                         <td>
    115                             <select>
    116                                 <option hidden>区域</option>
    117                                 <option value="南美洲">南美洲</option>
    118                                 <option value="太平洋">太平洋</option>
    119                                 <option value="南极">南极</option>
    120                             </select>
    121                         </td>
    122                     </tr>
    123                     <tr>
    124                         <td width="80px" align="right"><font color="red">*</font>QQ :</td>
    125                         <td colspan="4">
    126                             <input type="text" name="QQ">
    127                         </td>
    128                     </tr>
    129                     <tr>
    130                         <td></td>
    131                         <td colspan="4">
    132                             <a href="https://im.qq.com/"><font color="black">去设置我的QQ在线状态</font></a>
    133                         </td>
    134                     </tr>
    135                 </table>
    136                 <input type="submit" value="提交">
    137             </form>
    138         </div>
    139         <div align="right">
    140             <a href="https://blog.csdn.net/qq_39391544">
    141                 <img src="https://avatar.csdnimg.cn/E/2/1/1_qq_39391544_1624348562.jpg" alt="">
    142             </a>  
    143         </div>
    144     </body>
    145 </html>
    天涯犹在,不诉薄凉。
  • 相关阅读:
    邮件发送工具类
    redis在项目中配置
    搭建zookeeper集群
    activeMQ安装
    solr安装配置中文分词IK
    reids安装
    jdk/tomcat/mysql在linux下安装
    使用poi进行excel导入
    linux 大杂烩
    找包网址
  • 原文地址:https://www.cnblogs.com/Knight02/p/15026327.html
Copyright © 2020-2023  润新知