纯html登录页仅能构建表单结构并提交数据，无法实现验证、密码处理或跳转逻辑；必须用包裹，设method="post"和action="#"，input需type正确、有name属性，label须for与id匹配，css仅需基础样式居中与宽高调整。
用 <form></form> 搭登录框，别碰 JavaScript 先
零基础做登录页，第一件事是放弃“动态验证”“记住密码”这些念头。纯 HTML 能做的只有结构和提交动作——它把用户填的 username 和 password 打包发给服务器，别的都不管。所以先写一个能发数据的表单，比追求样式重要十倍。
常见错误：直接抄别人带 onsubmit 或 event.preventDefault() 的代码，结果本地双击打开 HTML 文件就报错——因为没连 JS 环境，浏览器直接拦掉提交。记住：<form></form> 默认行为就是跳转或提交，不需要 JS 也能跑。
-
method设为"POST"（更安全），action先填"#"或留空，避免点提交后跳错页面 -
<input type="text">用于账号，<input type="password">用于密码，类型写错会导致明文显示密码 - 每个
<input>必须有name属性（如name="username"），否则后端收不到字段
label 不是装饰，不加会降低可用性
很多人把 <label></label> 当成可选项，甚至用 <p></p> 或 <div> 写“用户名：”。但这样点击文字无法聚焦输入框，手机上尤其难操作。而且屏幕阅读器依赖 <code>label 识别控件用途。
正确写法只有一种主流方式：for 和 id 匹配：
<label for="user">用户名</label> <input type="text" id="user" name="username">
别写成 <label>用户名<input ...></label> 嵌套形式——虽然能用，但语义弱、部分旧浏览器支持差。
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
CSS 样式够用就行，优先改这三处
纯 HTML 登录页默认丑，但零基础不用学 Flex/Grid。先用内联 style 改三个最影响体验的地方：
- 输入框加
style="width: 200px; padding: 8px;"，不然窄得输不了字 - 按钮加
style="padding: 8px 16px; background: #007bff;"，原生按钮太灰，容易被忽略 - 整个表单居中：在外层
<div style="text-align: center; margin-top: 40px;"> 包住 <p>别碰字体、阴影、动画。那些需要理解盒模型和单位换算，反而会让你卡在“为什么没反应”上。</p> <h3>本地测试时，提交后页面空白不是失败</h3> <p>用浏览器直接打开 <code>login.html，点“登录”，如果页面变白或 URL 出现#，这是正常现象——HTML 表单提交后默认刷新或跳转，而你没配后端，自然没响应。验证是否写对了，只看两件事：
- 右键 → “查看页面源代码”，确认所有
<input>都有name，且<form></form>有method和action - 在输入框里填内容，右键 → “检查”，选中
<input>元素，看右侧面板的value是否实时更新（说明 DOM 绑定没问题）
真正复杂的点不在写，而在下一步：怎么让填的内容被程序收到。那需要后端接口，不是改几个
class就能解决的事。 - 右键 → “查看页面源代码”，确认所有
