HTML登录页面示例,-优快云博客

本文链接：https://blog.youkuaiyun.com/m0_65024890/article/details/131598294

这是一个简单的HTML登录页面，包含输入框用于账号和密码，以及登录按钮。页面还提供了链接到其他页面如首页、列表页、详情页和登录页的选项，并提及AppleID的相关信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

代码：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>跳转案例</title>
</head>
<body>
  <p><h1>欢迎您来到我的主页</h1></p>
  <span>
  <a href="images/首页.png">首页</a>
  <a href="images/列表页.png">列表页</a>
  <a href="images/详情页.png">详情页</a>
  <a href="images/登录页.png">登录页</a>
  </span>
  <h1>请登录</h1>
         <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;账号:<input/></p>
         <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;密码:<input/></p>
         <p>你的Apple ID是你用来登录iTunes、App Store和iCloud的电子邮件地址或手机号码。</p>
         <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <button style="background-color: blue; color: white; padding: 10px 20px; border: none; text-align: center;
             text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer;">登录</button></p>
         <p><span style="color: blue;">忘记了自己的Apple ID或密码？</span></p>
         <p><span style="color: blue;">没有Apple ID？立即创建一个。</span></p>
</body>
</html>

运行结果：