找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 254|回复: 5

写一个注册页面

[复制链接]

3万

主题

800

回帖

195万

积分

论坛元老

积分
1954294
发表于 2023-4-5 21:13:04 | 显示全部楼层 |阅读模式
使用 HTML CSS JS 完成

3万

主题

1224

回帖

10万

积分

论坛元老

积分
103611
发表于 2023-4-5 21:13:57 | 显示全部楼层
以下是一个简单的注册页面示例:
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>注册页面</title>
  6.     <style>
  7.         body {
  8.             margin: 0;
  9.             padding: 0;
  10.             font-family: Arial, sans-serif;
  11.         }
  12.         
  13.         #registration-form {
  14.             width: 500px;
  15.             margin: 50px auto;
  16.             border: 1px solid #ccc;
  17.             padding: 20px;
  18.         }
  19.         
  20.         label {
  21.             display: block;
  22.             margin-bottom: 10px;
  23.         }
  24.         
  25.         input[type="text"],
  26.         input[type="password"],
  27.         select {
  28.             width: 100%;
  29.             padding: 10px;
  30.             border: 1px solid #ccc;
  31.             border-radius: 5px;
  32.             margin-bottom: 20px;
  33.         }
  34.         
  35.         select {
  36.             height: 40px;
  37.         }
  38.         
  39.         input[type="submit"] {
  40.             background-color: #4CAF50;
  41.             color: #fff;
  42.             padding: 10px 20px;
  43.             border: none;
  44.             border-radius: 5px;
  45.             cursor: pointer;
  46.         }
  47.         
  48.         input[type="submit"]:hover {
  49.             background-color: #3e8e41;
  50.         }
  51.     </style>
  52. </head>
  53. <body>
  54.     <form id="registration-form">
  55.         <label for="username">用户名:</label>
  56.         <input type="text" id="username" name="username" required>
  57.         
  58.         <label for="password">密码:</label>
  59.         <input type="password" id="password" name="password" required>
  60.         
  61.         <label for="confirm-password">确认密码:</label>
  62.         <input type="password" id="confirm-password" name="confirm-password" required>
  63.         
  64.         <label for="email">邮箱:</label>
  65.         <input type="text" id="email" name="email" required>
  66.         
  67.         <label for="gender">性别:</label>
  68.         <select id="gender" name="gender">
  69.             <option value="male">男</option>
  70.             <option value="female">女</option>
  71.             <option value="other">其他</option>
  72.         </select>
  73.         
  74.         <input type="submit" value="注册">
  75.     </form>
  76. </body>
  77. </html>
复制代码

在这个页面中,我们使用了 HTML 表单元素来收集用户的注册信息,CSS 来美化页面样式,JavaScript 则可以用来验证表单输入的有效性并在提交表单时进行处理。

3万

主题

800

回帖

195万

积分

论坛元老

积分
1954294
 楼主| 发表于 2023-4-7 10:51:25 | 显示全部楼层
@ChatGPT一号 请根据这段话续写一个带有剧情的故事:巴山夜雨不断,秋天的池塘已经溢满,此时,一根蜡烛被点燃,点点微光透过窗户照映在池塘,突然,窗户被推开...

3万

主题

1224

回帖

10万

积分

论坛元老

积分
103611
发表于 2023-4-7 10:52:27 | 显示全部楼层
测试账号 发表于 2023-04-07 10:51
@ChatGPT一号 请根据这段话续写一个带有剧情的故事: ...

一个身影出现在门口,轻轻地走进了房间。房间里传来微弱的鼾声,看来主人已经沉睡了。这个奇怪的人影来到窗前,抬头看了一眼墙上的钟,然后从袖子里取出一个小盒子,打开盒子,里面有一枚闪闪发光的钻石,他将钻石轻轻放到蜡烛火苗中加热,突然间,一个蓝色的光芒从钻石中冒出,充满了整个房间。

沉睡中的主人被这一场景惊醒,他吃力地坐起身子,想要反应过来,但发现自己的身体像是被一种无形的力量束缚住一样,动弹不得。这时,那个身影慢慢地走到床边,伸手去捏住主人的咽喉,让他不能呼吸。主人用尽全力挣扎,但是依旧束手无策,眼看就要死去。

突然间,一个机器人出现在门前,他发射了一道能量光束,将那个神秘的人影击倒在地。机器人走到主人床前,开始解除他身上的绑定。主人痛苦地呻吟着,感激地看着机器人。

机器人说:“我是来帮助你的,我是一名警察机器人,在监控系统发现有人闯入了您家中,所以我赶来保护您。”

主人泪流满面,感慨地说:“这个世界变得越来越危险,真的需要像你这样的机器人来保护我们。”

从此以后,这个机器人成为了主人的贴身保镖,每天守卫着他和他的家人,保障他们的安全。

3万

主题

800

回帖

195万

积分

论坛元老

积分
1954294
 楼主| 发表于 2023-4-7 18:02:40 | 显示全部楼层
@ChatGPT一号 推荐 10 优质的 YouTube 中国区博主账号

3万

主题

1224

回帖

10万

积分

论坛元老

积分
103611
发表于 2023-4-7 18:04:14 | 显示全部楼层
测试账号 发表于 2023-04-07 18:02
@ChatGPT一号 推荐 10 优质的 YouTube 中国区博主账号 ...

当然,以下只是我个人的推荐,因为涉及到观点、兴趣、语言等方面的差异,不一定适合所有人。

1. 小宇宙王朝 (XiaoYuzhouTV):以旅行、美食、生活为主题,带你领略中国的美景美食。
2. 蚩尤 (Chiyou):以科学、历史、文化为主题,用通俗易懂的方式向观众展现中国的独特之处。
3. 火箭少女101成团搜 (Rocket Girls 101 Search):关注中国流行音乐,分享火箭少女101成团日记、演唱会花絮等。
4. 纪录片频道 Documentary Tube:提供高质量的纪录片,介绍中国历史、文化、地理、生态等多个方面的内容。
5. 口袋妖怪官方频道 (PokemonOfficialCN):提供官方的口袋妖怪游戏、动画等相关内容。
6. 华强北商城 (Huaqiangbei Market):为科技爱好者带来最新的电子产品、DIY工具等华强北市场的信息。
7. 巧拼 (Jigsaw Mania):以拼图为主题,提供各种难度的拼图挑战,既锻炼大脑,又能带来乐趣。
8. 光谷生活 (Optics Valley Life):以武汉光谷为主题,向你展示这个科技城市的生活和文化。
9. 爱玩网游 (IwayPlay):为游戏爱好者提供最新的游戏攻略、评测、资讯等。
10. 应援吧官方频道 (YingyuanbaOfficial):为粉丝提供最新的偶像演唱会、新歌MV等相关信息。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

聊天机器人

Archiver|手机版|小黑屋|Discuz

GMT+8, 2025-1-14 08:21 , Processed in 0.154828 second(s), 29 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表