书香 发表于 2023-5-18 22:41

【登录界面的开发】

本帖最后由 书香 于 2023-5-21 02:34 编辑

我们本节课来开发一个软件的登录界面，无美化效果，我们首先要确定组件（标签）

1：文本提示
2：文本输入框
3：按钮

<!DOCTYPE html>
<html>
<head>
      <title>第8课</title>
</head>
<body>
      账号：<input type="" name="">
      <br>
      密码：<input type="" name="">

      <br>

      <input type="submit" name=""value="登录">

</body>
</html

提示：
<input type="submit" name=""value="登录">， type="submit"表示创建的类型是按钮，value="登录"表示按钮文字是登录


运行效果
https://shuxiangyage.net/forum.php?mod=image&aid=409&size=300x300&key=ea61f79b76a947fb&nocache=yes&type=fixnone

（点击返回课程目录：https://www.52hb.com/thread-58658-1-1.html）

sjtkxy 发表于 2023-6-5 05:07

独鹤 发表于 2023-8-13 09:09

谢谢分享。。。

longge188 发表于 2023-9-6 09:14

谢谢分享

榴弹炮 发表于 2024-2-10 22:45

怎么隐藏密码呢？

书香 发表于 2024-2-10 23:13

榴弹炮 发表于 2024-2-10 22:45
怎么隐藏密码呢？

<input type="password" id="password" name="password">

type改为password
页: [1]
查看完整版本: 【登录界面的开发】