第一个注册页面的设计

最新推荐文章于 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网页设计基础——用户注册界面
m0_64365419的博客
11-05 9726
定义表格---->将网页中的表单元素根据上图所示放入不同的行和列中。代码如下： 该实例包含的行和单元格的个数比较多，在书写代码的时候注意不要漏写，可以使用空格隔开，以便于检查。表格后几行的第一个单元格是没有内容的，虽然没有内容，但是还是需要定义空格单元格，这样才能保证和要求的表格一致。
如何设计一个App的注册登录流程？
02-26
百度外卖一类的APP产品侧重于快速方便的让用户下单，他们的登录注册流程提供了短信快捷登录的方式，用户通过输入手机号，收到验证码并自动填写直接登录到APP我的信息页面，极大的提高了下单的速度。用这种方式的还有...
注册界面设计
UESTCAA的专栏
05-24 1000
这里写下注册界面的一些设计注意事项。以后遇到类似的东西还会持续更新。 1、注册界面，首先不要太花哨，界面一定要简介。太花哨的界面会让用户觉得不舒服。 2、先让用户体验，再让用户注册。对于一个陌生的应用来讲，用户多数就不想注册的，只有他们深入体验了之后对他们有吸引点，或者说用户的某个需求被满足，痛点被解决，用户才愿意去注册，否则用户宁愿去尝试一个类似的应用，而不会什么都没搞清楚就把个人信息交给你
一个简单的HTML网页 故宫学生网页设计作品 dreamweaver作业静态HTML网页设计模板 旅游景点网页作业制作
最新发布
网页设计与制作
05-30 930
⚽精彩专栏推荐👇🏻👇🏻👇🏻 ❤ 【作者主页——🔥获取更多优质源码】 ❤ 【web前端期末大作业——🔥🔥毕设项目精品实战案例(1000套)】1 网页简介：此作品为学生个人主页网页设计题材，HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码，这是一个不错的网页制作，画面精明，代码为简单学生水平, 非常适合初学者学习使用。2.网页编辑：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Web
html+css制作简单注册登录页面
m0_67930426的博客
10-19 1万+
光标为手的形状，当光标指定这个div的时候，光标为手的形状。没有账号，去注册 忘记密码。前端页面要得到css的布局，就得在html页面里调用css文件。方框（请输入用户名）方框（请输入用户名）写完这一步，然后再去运行，是没有东西的，但是并不是不存在。例如我在注册这一块级里，我用鼠标指定这一区域时会变成蓝色。如果不加，我们可以根据内容的多少，设计多少白色的部分。.b{ } 是针对注册两个字后面的白色部分进行布局。
CSS页面优化构建一个注册页面
m0_71467744的博客
09-19 1763
1.首先是给整个页面插入一张背景图；在标签中写一个标签，用body{}选择器插入一张图片设置大小占整个布局的全部，3.后面就是继续定义内层div写如注册内容，其中内层涉及到了浮动，需要设置整个页面在浮动后大小不变需要设置：box-sizing: border-box;需要设置一下其背景颜色为白色，以及边框大小和颜色，设置好后，继续调整一下表格与在整个页面的位置。4.其余就是根据对应的class或者id设置字体大小、颜色以及位置。
用html+css制作简单好看的登陆注册界面
热门推荐
小袁同学的博客
07-19 6万+
注重版权，转载请注明原作者和原文链接 作者：Bald programmer 先看看效果图 login.html代码 <html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="css/style.css" /> </head> <style> body{ .
电商网站登录注册页面设计模板 .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-12
简单的用户注册登录界面设计+源代码，采用DIV+CSS结构，简洁
设计的一个登录页面（html）
04-26
公司美工做的一个登录页面的HTML文档，有需要的朋友可以拿去用用。纯属白送哦。
HTML个人信息注册页面
12-18
HTML设计一个个人信息注册页面 使用HTML设计一个个人信息注册页面，如下图所示，其中页面的排版可采用或+CSS。当点击“提交”按钮时，使用JavaScript编程在当前页面显示录入信息，并且实现籍贯和城市的级联。（选做：用JQuery实现页面功能）
用户注册页面的设计与实现（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 属性实现内容自动记
HTML用户注册页面的设计与实现
greengirl5的博客
06-01 4744
css部分： 效果：
Android用户注册界面设计
CoralBiber的博客
03-15 5883
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、作业要求二、具体实现1.布局文件（activity_main.xml）2.程序代码（MainActivity.java）总结 前言 本文收录的均是个人移动终端的作业，界面要求由任课老师发布，大家如有不同建议可以评论区告诉我 提示：以下是本篇文章正文内容，下面案例可供参考 一、作业要求 根据前面的学习内容，设计如图1所示的用户注册界面，要求如下： （1）将应用的名称、姓名编辑框的输入提示中的“张三”，改为自己的姓名； （.
简单制作登录注册页面
weixin_43132106的博客
09-05 6万+
在一个网页中，html负责页面布局和内容，css负责组件具体样式，JS则与后台进行交互。 在设计网页前先介绍DIV，简单来说就是一个在网页上分割区域的方块。在DIV里面可以添加组件，包括另外的DIV。 制作登录界面。登录界面一般有两个文本框，分别用来获取用户的用户名和密码。我们也考虑用户忘记密码和未进行注册的情况，故也要加上这两个功能区域。 首先我们为登录界面设置一个标题： ...
HTML5网页设计基础——用户注册界面
shengming_tutou的博客
02-09 5461
案例： 代码： <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> *{ margin:0; padding: 0; } .wai{ margin:auto; width:1000px; height: 600px; background:.
基于python gui 设计一个注册登录跳转页面
06-07
好的，我可以为您提供一个简单的Python GUI程序，用于注册、登录和跳转页面。以下是程序的基本框架： ```python import tkinter as tk # 创建主窗口 window = tk.Tk() window.title("注册/登录") # 创建标签 ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值