前端开发-用户注册页面

最新推荐文章于 2023-12-29 21:26:30 发布
最新推荐文章于 2023-12-29 21:26:30 发布
阅读量504 收藏 2
点赞数 3
分类专栏： 开发 文章标签： html css3 html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xulei1132562/article/details/115339387
版权

在这里插入图片描述

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>用户注册</title>
<style type="text/css">
<!--
.STYLE1 {font-family: "宋体"}
.STYLE3 {font-family: "宋体"; font-size: 9px; }
-->
</style>
</head>

<body>
<div align="center" class="STYLE1">
  <h1>用户注册</h1>
</div>
<table width="544" height="553" border="1" align="center" bgcolor="#3399CC">
  <tr>
    <th width="127" height="28" scope="row"><div align="right"> 用户名</div></th>
    <td width="401"><input type="text" name="n" onfocus="if(this.value=='Your message')this.value='';" />
    *</td>
  </tr>
  <tr>
    <th height="23" scope="row"><div align="right">密码</div></th>
    <td><input type="text" name="n2" onfocus="if(this.value=='Your message')this.value='';" />
    *</td>
  </tr>
  <tr>
    <th height="25" align="center" scope="row"><div align="right"> 确认密码</div></th>
    <td bgcolor="#3399CC"><input type="text" name="n3" onfocus="if(this.value=='Your message')this.value='';" />
    *</td>
  </tr>
  <tr>
    <th scope="row"><div align="right">性别</div></th>
    <td><input name="n7" type="radio" onfocus="if(this.value=='Your message')this.value='';" value="" checked="checked" />
    男 
      
      <input name="n7" type="radio" onfocus="if(this.value=='Your message')this.value='';" value="" />
      女</td>
  </tr>
  <tr>
    <th scope="row"><div align="right">出生日期</div></th>
    <td><input type="text" name="n4" value="1990/11/11" onfocus="if(this.value=='Your message')this.value='';" /></td>
  </tr>
  <tr>
    <th scope="row"><div align="right">联系电话</div></th>
    <td><input name="n5" type="text" onfocus="if(this.value=='Your message')this.value='';" size="23" /></td>
  </tr>
  <tr>
    <th scope="row"><div align="right">电子邮件</div></th>
    <td><input name="n6" type="text" onfocus="if(this.value=='Your message')this.value='';" value="您的电子邮件" size="40" />
    *</td>
  </tr>
  <tr>
    <th scope="row"><div align="right">博客地址</div></th>
    <td><input name="n62" type="text" onfocus="if(this.value=='Your message')this.value='';" value="您的博客地址" size="34" />
    *</td>
  </tr>
  <tr>
    <th scope="row"><div align="right">工作年限</div></th>
    <th><div align="left">
      <input id="range" type="range" min="0" max="5" value="0" oninput="change()"/>
    </div></th>

  </tr>
  <tr>
    <th scope="row"><div align="right">最高学历</div></th>
    <td><input name="n8" type="radio" onfocus="if(this.value=='Your message')this.value='';" value="" />
      中专
      <input name="n8" type="radio" onfocus="if(this.value=='Your message')this.value='';" value="" />
      大专
      <input name="n8" type="radio" onfocus="if(this.value=='Your message')this.value='';" value="" checked="checked" />
      大学</td>
  </tr>
  <tr>
    <th scope="row"><div align="right">职业</div></th>
    <td><select name="x" size="1">
      <option value="教师" selected="selected">教师</option>
      <option value="学生">学生</option>
      <option value="管理员">管理员</option>
    
    </select></td>
  </tr>
  <tr>
    <th scope="row"><div align="right">爱好</div></th>
    <td><input name="n9" type="checkbox" onfocus="if(this.value=='Your message')this.value='';" value="Your message" />
      上网 
      <input name="n92" type="checkbox" onfocus="if(this.value=='Your message')this.value='';" value="Your message" />
      篮球
      <input name="n93" type="checkbox" onfocus="if(this.value=='Your message')this.value='';" value="Your message" />
      听歌
      <input name="n94" type="checkbox" onfocus="if(this.value=='Your message')this.value='';" value="Your message" />
      下棋</td>
  </tr>
  <tr>
    <th height="83" scope="row"><div align="right">留言</div></th>
    <td><table width="100%" height="69" border="0" cellpadding="4" cellspacing="0" style="background-color: #cccccc;">
      <tbody>
        <tr>
          <td height="52" align="left" valign="top" bgcolor="#FFFFFF" class="STYLE3">请输入您的留言信息...</td>
        </tr>
      </tbody>
    </table>    </td>
  </tr>
  <tr>
    <th colspan="2" bgcolor="#3399CC" scope="row"><div align="center">
      <input name="button" type=submit onclick="javascript:self.close();" onkeypress="javascript:self.close();" value="提交" />
       <input name="button2" type=submit onclick="javascript:self.close();" onkeypress="javascript:self.close();" value="重写" />
    </div></th>
  </tr>
</table>
<p>&nbsp;</p>
</body>
</html>
梅苑安全&学术
关注
  • 3
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
前端之用户登录页面
一岁一枯荣的博客
09-27 7099
<meta charset="UTF-8"> .login{ border: 1px solid #E0E0E0; position: absolute; top: 200px; left: 30%; width: 356px; h
前端之登录注册页面案例
热门推荐
KK_2018的技术博客_程序员不止是程序员
05-08 3万+
一、效果图 （1）登录界面 （2）注册界面 二、详细设计 （1）登录界面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>登录界面</title> <style> ...
前端用户注册页面
WWYY13的博客
12-29 392
一个简单的用户注册页面。
前端 注册界面开发
二十多岁想退休
02-10 1525
二阶段02登录界面的开发
html+css制作简单注册登录页面
m0_67930426的博客
10-19 1万+
光标为手的形状，当光标指定这个div的时候，光标为手的形状。没有账号，去注册 忘记密码。前端页面要得到css的布局，就得在html页面里调用css文件。方框（请输入用户名）方框（请输入用户名）写完这一步，然后再去运行，是没有东西的，但是并不是不存在。例如我在注册这一块级里，我用鼠标指定这一区域时会变成蓝色。如果不加，我们可以根据内容的多少，设计多少白色的部分。.b{ } 是针对注册两个字后面的白色部分进行布局。
前端：完整简单详细的注册页面讲解
fuyuo的博客
06-29 3885
完整且简单的注册页面的讲解和代码等
前端开发-基于Vue开发的商城前端实现.zip
最新发布
04-02
Vue.js是一个轻量级的、渐进式的JavaScript框架，它旨在使前端开发更加简单、高效。以下将详细介绍Vue.js在商城前端开发中的应用及其相关知识点。 一、Vue.js基础知识 1. **组件化开发**：Vue的核心特性之一是组件...
基于框架的Web开发-用户注册.docx
07-04
在基于框架的Web开发中，用户注册是一个基本但至关重要的功能。这个过程涉及到前端界面、后端服务、数据库操作以及事务管理等多个环节。以下是对这个文档中提到的知识点的详细解释： 1. **用户注册流程**： - 用户...
用户登录注册前端页面专用
05-04
在IT行业中，前端开发是构建Web应用程序不可或缺的一部分，主要负责用户与应用之间的交互。这个压缩包文件名为"用户登录注册前端页面专用"，显然包含了专用于用户登录和注册功能的前端页面资源。以下是对这个主题的...
计算机后端-PHP大牛线上培训班课-用户注册前端页面_1.mp4
05-21
计算机后端-PHP大牛线上培训班课-用户注册前端页面_1.mp4
web前端中一个注册页面
12-24
自己平时的练习，我是今年才学的web，做的不好，希望大家不要介意，希望对大家有帮助。
前端HTMl用户注册及验证示例
04-13
前端HTMl用户注册及验证示，帮助html JavaScript新手学习者了解并学习用户注册及js验证
使用element-ui开发的前端报表页面
02-08
Element-UI是一款基于Vue.js的开源UI组件库，它提供了一系列丰富的、易于使用的组件，如表格、按钮、提示、下拉菜单等，极大地提高了前端开发效率。在"使用element-ui开发的前端报表页面"项目中，我们可以利用这些...
前端登录和注册页面的实现及验证
lzsan_的博客
04-01 1万+
登录界面 文本框中在输入前要显示相应的背景图片和悬浮字，鼠标移上去之后就消失。在输入框内会进行检查，利用正则化方程判断输入是否符合要求，其中验证码区分大小写。点击验证码可以实现换一张验证码。点击免费注册按钮跳转到注册页面。点击登录按钮，如果上面的内容都输入的符合要求，则弹出当前的时间和“登录成功”的小窗并转入到主页面；如果不符合要求则弹出“登录失败”的小窗。 login.html: <!DOCTYPE html> <html lang="en"> <head>
Day02_HTML
weixin_45014721的博客
04-12 235
文章目录1.文件标签2.文本标签3.图片标签4.列表标签5.链接标签6.块标签7.语义化标签8.表格标签9.表单标签 1.文件标签 1. 文件标签：构成html最基本的标签 * html:html文档的根标签 * head：头标签。用于指定html文档的一些属性。引入外部的资源 * title：标题标签。 * body：体标签 * <!DOCTYPE html>：html5中定义该文档是html文档 2.文本标签 2. 文本标签：和文本有关的标签 * 注释：<
前端LayUI框架快速上手实现登入注册
让优秀成为一种习惯！
07-10 1882
Layui是一款轻量级的前端UI框架，它基于jQuery库开发，由国人开发，16年出厂的框架。其主要提供了很多好看、方便的样式，并且基本拿来即用。和Bootstrap有些相似，但该框架有个极大的好处就是定义了很多前后端交互的样式接口，如分页表格，只需在前端配置好接口，后端则按照定义好的接口规则返回数据，即可完成页面的展示，极大减少了后端人员的开发成本。旨在简化页面开发过程，提供易于使用且美观的界面组件和交互效果。
web前端如何做注册页面
yuan520shui的博客
04-07 2万+
1.首先，设计整个页面： 此界面的代码段落：（前端代码）                                                                                                                                  用户名 
用户系统｜前端注册页面｜代码
qq_38064686的博客
04-17 1万+
regist.jsp&lt;%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8"%&gt; &lt;%@ page import="com.servlet.UserServlet" %&gt; &lt;!DOCTYPE html&gt; &lt;html lan
完成登录与注册页面的前端
weixin_30437337的博客
11-01 898
完成登录与注册页面的HTML+CSS+JS，其中的输入项检查包括： 用户名6-12位 首字母不能是数字 只能包含字母和数字 密码6-12位 注册页两次密码是否一致 登录HTML： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">...
web前端开发登录注册页面代码
10-31
但是并没有提供完整的web前端开发登录注册页面代码。 如果您需要实现一个web前端开发登录注册页面，可以参考以下步骤： 1. 创建HTML文件，包括登录和注册两个页面的布局和样式。 2. 使用CSS样式美化页面，使其更加...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

梅苑安全&学术

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值