12306登录页面html代码

代百安 19 0

12306登录页面html代码解析:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>12306登录页面</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div class="container">
        <h1>欢迎登录12306</h1>
        <form action="login.php" method="post">
            <div class="form-group">
                <label for="username">用户名:</label>
                <input type="text" id="username" name="username">
            </div>
            <div class="form-group">
                <label for="password">密码:</label>
                <input type="password" id="password" name="password">
            </div>
            <div class="form-group">
                <label for="remember">记住我:</label>
                <input type="checkbox" id="remember" name="remember">
            </div>
            <button type="submit">登录</button>
        </form>
    </div>
    <script src="js/main.js"></script>
</body>
</html>

12306登录页面html代码

代码解析:

首先,该页面的Doctype声明为HTML5版本,编码格式为UTF-8,页面的标题为12306登录页面。

在页面中,有一个

容器,包含了

标题和一个
表单。

该表单的action属性为login.php,method属性为post,表示会发送一个POST请求。

容器中有三个表单元素,分别是两个文本框和一个复选框。每个表单元素都使用了class属性用于指定样式,id属性用于JS的DOM操作,name属性用于后台获取数据。还有一个