div+css注册页面案例

桂花很香,旭很美

已于 2022-06-29 16:32:20 修改

阅读量948

点赞数 1

分类专栏：前端文章标签： css html

于 2020-09-24 18:12:04 首次发布

本文链接：https://blog.csdn.net/weixin_40959890/article/details/108780057

版权

前端专栏收录该内容

10 篇文章 0 订阅

订阅专栏

div+css注册页面案例

所有的html标签中，表单标签是最重要的。在实际开发中，最经典的实例就是⽤户注册，覆盖了表单标签的所有的元素。效果图如下：

<!DOCTYPE html>
<html>
     <head>
         <meta charset="utf-8">
         <title></title>
         <style type="text/css">
             /* 设置表单的div样式 */
             .form {
                 width: 550px;
                 height: 400px;
                 border: 1px #333333 solid;
                 background-color: white;
                 margin: 100px auto;
             }
 
             div span {
                 margin-left: 100px;
                 color: #0000FF;
                 font-size: 22px;
             }
 
             body {
                background-image: url(img/bg.jpg);
             }
         </style>
     </head>
     <body>
         <div class="form">
         <br />
         <br />
         <br />
         <span>⽤户注册</span>
         <b>USERREGISTER</b>
         <form action="#" method="get">
             <table align="center">
                 <tr>
                     <td>⽤户名:</td>
                     <td><input type="text" name="user" placeholder="请输⼊⽤户名"/></td>
                     <td></td>
                 </tr>
                 <tr>
                     <td>密　码:</td>
                     <td><input type="password" name="pass" placeholder="请输⼊密码"/></td>
                     <td></td>
                 </tr>
                 <tr>
                     <td>性　别:</td>
                     <td><input type="radio" name="gender" value="男" checked="checked"/>男
                     <input type="radio" name="gender" value="⼥"/>⼥ </td>
                     <td></td>
                 </tr>
                 <tr>
                     <td>验证码:</td>
                     <td><input type="text"/></td>
                     <td><img src="img/checkcode.jpg" ></td>
                 </tr>
                 <tr align="center">
                     <td colspan="3"><input type="image"
                        src="img/btn.jpg" /></td>
                 </tr>
             </table>
         </form>
         </div>
     </body>
</html>

桂花很香,旭很美

关注

1
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
div+css注册页面案例

div+css注册页面案例所有的html标签中，表单标签是最重要的。在实际开发中，最经典的实例就是⽤户注册，覆盖了表单标签的所有的元素。效果图如下： <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css">
复制链接

扫一扫