利用html完成简单的登录网站页面

小严要努力学习

已于 2022-07-24 22:51:56 修改

阅读量3.8k

点赞数 3

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

于 2022-07-24 22:48:05 首次发布

本文链接：https://blog.csdn.net/yyy__yyy_/article/details/125965717

版权

前端同时被 2 个专栏收录

5 篇文章 3 订阅

订阅专栏

html

4 篇文章 0 订阅

订阅专栏

文章目录

一、前言
二、步骤
三、效果图
四、总结

一、前言

学习完html中有关表格表单的知识，可以来完成一个简单的登录页面的设计。

二、步骤

代码如下（示例）：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
</head>
<body>
    <form action="./新闻网站2.html"> <!-- 必需的 action属性规定当提交表单时，向何处发送表单数据。 -->
    <h1>新闻网站</h1>
    <h1>登录页面</h1>
    <form>
        账号：<input type="text" name="user">
        <br>
        密码：<input type="text" name="passsword">
        <br>
        <input type="submit" value="登录">
    </form>
</body>
</html>
<!DOCTYPE html>