第一个注册页面的设计

最新推荐文章于 2024-05-30 10:31:09 发布
最新推荐文章于 2024-05-30 10:31:09 发布
阅读量3.6k 收藏 5
点赞数
分类专栏： html 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40161708/article/details/79188469
版权

1 注册页面的html设计

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>register an account</title>
</head>
<body>
    <form action="#" method="get">
        <table border="1" cellpadding="3" cellspacing="0">
            <tr>
                <td align="left" bgcolor=gray colspan="3"><b>1.会员登录名和密码
                </td>
            </tr>
            <tr >
                <td align="right">用户名:</td>
                <td><input type="text" name="username" value="马上注册,百万红包"></input><br />
                </td>
            </tr>
            <tr>
                <td align="right">密&emsp;码:</td>
                <td><input type="password" name="password"></input><br /></td>
            </tr>
            <tr>
                <td align="right">再次输出密码:</td>
                <td><input type="password" name="password"></input><br /></td>
            </tr>

            <tr>
                <td align="left" bgcolor=gray colspan="3"><b>2.姓名和联系方式</td>
            </tr>
            <tr>
                <td align="right">真实姓名:</td>
                <td><input type="text" name="name"/></td>
                <td><input type="radio" name="gender" value="boy" checked/>先生
                <input type="radio" name="gender" value="girl"/>小姐</td>
            </tr>
            <tr>
                <td align="right">电子邮箱:</td>
                <td><input type="email" name="email" value="12306@"/></td>          
            </tr>
            <tr>
                <td align="right">固定电话:</td>
                <td><input type="number" name="tel" value="183"/></td>
            </tr>
            <tr>
                <td align="right">公司所在地:</td>
                <td>
                        <select name="city">
                        <option value="beijing">北京</option>
                        <option value="shanghai">上海</option>
                        <option value="guangzhou">广州</option>
                        <option value="shenzhen">深圳</option>
                        <option value="chengdu">成都</option>
                        </select>

                        <select name="town">
                        <option value="volvo">东城</option>
                        <option value="saab">朝阳</option>
                        <option value="fiat" selected="selected">中关村</option>
                        <option value="audi">五环</option>
                        </select>

                </td>
            </tr>
            <tr>
                <td align="right">街道地址:</td>
                <td><input type="text" name="citynum"/></td>
            </tr>
            <tr>
                <td align="right">传真号码:</td>
                <td><input type="number" name="cznum"/></td>
            </tr>
            <tr>
                <td align="right">手机号码:</td>
                <td><input type="number" name="telnum"/></td>
            </tr>
            <tr>
                <td align="right">邮政编码:</td>
                <td><input type="number" name="postal"/></td>
            </tr>
            <tr>
                <td align="left" bgcolor=gray colspan="3"><b>3.公司名称和主营业务</td>
            </tr>
            <tr>
                <td align="right">贵公司名称:</td>
                <td><input type="text" name="company"/></td>
            </tr>
            <tr>
                <td align="right">您的职位:</td>
                <td><input type="text" name="position"/></td>
            </tr>
            <tr>
                <td align="right">主营行业:</td>
                <td>
                    <select name="job" multiple size="2">
                        <option>前端工程师</option>
                        <option>java框架师</option>
                        <option>计算机科技</option>
                        <option>电气工程及其自动化</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td align="right">主营产品/服务:</td>
                <td><input type="text"/></td>
            </tr>
            <tr>
                <td align="right">公司网址:</td>
                <td><input type="url" value="http:"/></td>
            </tr>
            <tr>
                <td align=center colspan="3">
                    <input type="submit" value="注册成功"/>
                </td>
            </tr>
            <tr>
                <td align=center colspan="3">
                    <input type="image" src ="images/butter.png"/>
                </td>
            </tr>
        </table>
    </form>
</body>
</html>
苗先森
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html—登录及注册页面设计
anliao6401的博客
10-18 3万+
一、文字处理 1、文字加粗：<strong><\strong> 2、文字换行：<br/> 3、文档标题：title 4、整体文字居中<body align="center"> 5、整体字体颜色：<body style="color:white"> 6、段落：<p> 7、标题：<h1>~&lt...
拿来就能用的前端酷炫登录注册模板
热爱技术，享受生活
08-09 6409
给大家推荐几个拿来就能用的前端酷炫登录注册模板，Html、CSS、JS资源非常齐全
注册页面 register
weixin_48370579的博客
12-24 368
7. 注册页面 register 由于大部分都会，我就不花时间敲了，我直接敲注册界面 注册页面 名称 说明 注册专区 registerarea 注册内容 reg-form 错误的 error 成功的 success 默认的 default 7.1 registerarea布局 测试代码如下： <!DOCTYPE html> <html...
一个简单的HTML网页 故宫学生网页设计作品 dreamweaver作业静态HTML网页设计模板 旅游景点网页作业制作
最新发布
网页设计与制作
05-30 930
⚽精彩专栏推荐👇🏻👇🏻👇🏻 ❤ 【作者主页——🔥获取更多优质源码】 ❤ 【web前端期末大作业——🔥🔥毕设项目精品实战案例(1000套)】1 网页简介：此作品为学生个人主页网页设计题材，HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码，这是一个不错的网页制作，画面精明，代码为简单学生水平, 非常适合初学者学习使用。2.网页编辑：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Web
用户注册页面的设计与实现（html+css）
ZYCRY的博客
11-03 2万+
用户注册页面的设计与实现（html+css） 文章目录用户注册页面的设计与实现（html+css）1.目的2.内容3.步骤4.代码实现5.页面展示6.最后 1.目的 熟悉HTML+CSS 及表单知识的应用 2.内容 使用 HTML5 表单技术实现用户注册页面，要求用户可以输入用户名、密码、真实姓名和电子邮箱等信息进行注册。 具体功能如下： 界面设计 表单设计 使用 input 标签的 email 类型实现电子邮箱验证 使用 input 标签的 autocomplete 属性实现内容自动记
简单制作登录注册页面
热门推荐
weixin_43132106的博客
09-05 6万+
在一个网页中，html负责页面布局和内容，css负责组件具体样式，JS则与后台进行交互。 在设计网页前先介绍DIV，简单来说就是一个在网页上分割区域的方块。在DIV里面可以添加组件，包括另外的DIV。 制作登录界面。登录界面一般有两个文本框，分别用来获取用户的用户名和密码。我们也考虑用户忘记密码和未进行注册的情况，故也要加上这两个功能区域。 首先我们为登录界面设置一个标题： ...
如何设计一个App的注册登录流程？
02-26
百度外卖一类的APP产品侧重于快速方便的让用户下单，他们的登录注册流程提供了短信快捷登录的方式，用户通过输入手机号，收到验证码并自动填写直接登录到APP我的信息页面，极大的提高了下单的速度。用这种方式的还有...
电商网站登录注册页面设计模板 .xd素材下载
04-20
总结，电商网站登录注册页面设计不仅关乎美观，更关乎用户体验。通过合理布局、友好的交互和有效的用户引导，可以提高转化率，增强用户对网站的信任感。"Onshop.xd"素材提供了一个实践这些设计理念的实例，帮助设计...
小程序登录/注册页面设计的实现代码
10-16
本文将详细讲解如何实现小程序的登录/注册页面设计，包括关键的代码实现和功能模块。 首先，界面设计是用户体验的核心。在本案例中，开发者采用了youzan组件库来构建页面，该组件库提供了丰富的UI元素，如icon、...
登录注册页面，登录注册页面.zip
01-27
在这个案例中，我们关注的是一个基于Vue.js框架实现的登录注册页面。Vue.js是一个轻量级、高性能的前端JavaScript框架，以其易学易用、组件化开发和强大的功能著称。 首先，让我们深入了解一下Vue.js。Vue.js由尤雨...
基于JSP实现注册页面(Web 应用开发课程设计)【100012297】
05-18
在这个课程设计项目“基于JSP实现注册页面”中，目标是设计一个功能完善的用户注册系统，该系统包含手机验证码发送、数据验证以及用户信息存储到数据库等关键功能。下面将详细阐述这个项目涉及的技术点。 首先，...
简单好看的登陆注册界面
10-16
一个简单的网页登陆和界面，可以识别输入的密码邮箱等格式错误，原代码有很多的不必要代码，被我修改后更加简洁，也更适合新手。
一个标准的register注册页面(含JS校验和页面跳转)
11-11
附件是一个标准的register注册页面，JS校验采用接口模式。
HTML注册页面的设计
weighless的博客
04-17 3322
先展示效果图 <!DOCTYPE html> <html lang="zh-CN"> <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">
HTML5~用户注册页面的设计与实现
weixin_45626404的博客
12-03 2万+
用户注册页面的设计与实现 需要制作的效果图如下 大概思路：我们先设置底色灰色，然后写出表单，再利用CSS给表单进行设置。 1、设置底色（css 行内式） <style> body{background:#cccccc;} </style> 2、制作表单 <div id="container"> <h1>用户注册页面</h1> <hr/> <!---表单--> <form
简易登录以及注册界面制作
chenzhuozhu的博客
07-06 1万+
以下为登录和注册页面的图片 登录： 注册： 先介绍登录页面 以下为登录的html <input id="username" type="text" placeholder="请输入用户名"> <input id="password" type="password" placeholder="请输入密码"> <br/> <br/&g...
JavaScript网页设计:用户注册页面
YE_Ang的博客
11-24 4941
JavaScript网页设计用户注册页面 代码如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> div{ text-align: center; font-size: 16px; color: #0000FF; } table{ margin: 0 auto; } </style> &
一个简单的注册页面制作
qq_45126027的博客
11-02 1652
一个简单的网页–流水哗啦啦购物平台： 点击注册新用户后，出现的注册页面： 当密码少于八位时出现的提示： 当密码格式不正确时出现的提示： 当年龄格式不正确时出现的提示：（年龄有效格式为1-120之间的数 ） 注册成功： 代码： 流水哗啦啦购物平台页面： 流水哗啦啦平台页面css代码（部分） 注册页面代码： 验证密码是否为空、密码是否少于八位，密码格式是否正确 验证年龄是否正确 注册页面设计： ...
用html写一个简短的员工注册界面
mischen520的博客
07-02 8661
用html写一个简短的员工注册界面 下面这是我自己写的一个小界面，有好多功能还不够完善，算是对html有个初步的了解了 mischen 表单 员工注册界面 编  号:<input type="text" name="userid" value="请输入编号" >
基于python gui 设计一个注册登录跳转页面
06-07
好的，我可以为您提供一个简单的Python GUI程序，用于注册、登录和跳转页面。以下是程序的基本框架： ```python import tkinter as tk # 创建主窗口 window = tk.Tk() window.title("注册/登录") # 创建标签 label_username = tk.Label(window, text="用户名") label_username.pack() label_password = tk.Label(window, text="密码") label_password.pack() # 创建输入框 entry_username = tk.Entry(window) entry_username.pack() entry_password = tk.Entry(window, show="*") entry_password.pack() # 创建按钮 button_register = tk.Button(window, text="注册") button_register.pack() button_login = tk.Button(window, text="登录") button_login.pack() # 创建跳转页面按钮 button_page2 = tk.Button(window, text="跳转到页面2") # 创建第二个页面 def create_page2(): window2 = tk.Toplevel() window2.title("页面2") label_page2 = tk.Label(window2, text="欢迎来到页面2！") label_page2.pack() # 绑定按钮事件 button_page2["command"] = create_page2 # 运行主循环 window.mainloop() ``` 您可以根据具体需求进行修改和完善。希望对您有所帮助！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值