创建简单的登录表单

最新推荐文章于 2023-05-29 17:40:31 发布

duke_vv

最新推荐文章于 2023-05-29 17:40:31 发布

阅读量740

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/duke_vv/article/details/102826110

版权

本文介绍了如何创建一个基本的登录表单，内容包括表单的结构和样式定制，适用于初学者快速上手。

摘要由CSDN通过智能技术生成

创建简单的登录表单,可根据需要自行修改样式。

代码如下


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>mylog</title>
    <meta charset="GBK">
    <style>
        input[type=text] input[type=password]{
    
            width: 100%;
            padding: 12px 20px;
            margin: 8px 0;
            display: inline-block;
            border: 1px solid #cccccc;
            box-sizing: border-box;
        }

        button{
    
            background-color: #4CAF50;
            color: aliceblue;
            padding: 14px 20px;
            margin: 8px 0;
            border: none;
            cursor: pointer;
            width: 100%;
        }
        button:hover{
    
            opacity: 0.8;
        }
        .cancelbtn{
    
            width: auto;
            padding: 10px 18px;
            background-color: crimson;
        }
        .imgcontainer{
    
            text-align: center;
            margin: 24px 0 12px 0;
            position: relative;
        }
        img.avatar{
    
            width: 40%;
            border-radius: 50%;
        }
        .container{
    
            padding: 16px;
        }
        span.psw