html5 app 登陆界面代码

HTML5 App 登陆界面代码:

!DOCTYPE html>
    html>
    head>
    title>
    登陆界面/title>
    meta charset="UTF-8">
    meta name="viewport" content="width=device-width, initial-scale=1">
    style>
/* 登陆界面的样式 */body {
    font-family: Arial, sans-serif;
    background-color: #f2f2f2;
}
form {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 20px;
    width: 300px;
    margin: 30px auto;
}
input[type=text], input[type=password] {
    width: 100%;
    padding: 8px 12px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
button {
    background-color: #4CAF50;
    color: white;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    width: 100%;
}
button:hover {
    opacity: 0.8;
}
    /style>
    /head>
    body>
    form>
    h2>
    用户登陆/h2>
    label for="username">
    用户名:/label>
    input type="text" id="username" name="username" placeholder="请输入用户名">
    label for="password">
    密码:/label>
    input type="password" id="password" name="password" placeholder="请输入密码">
    button>
    登陆/button>
    /form>
    /body>
    /html>
    

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！