form表单实现用户注册界面

最新推荐文章于 2024-05-01 08:36:06 发布
最新推荐文章于 2024-05-01 08:36:06 发布
阅读量1.4k 收藏 12
点赞数 4
文章标签： python php javascript ViewUI
原文链接：https://my.oschina.net/zhouhang0907/blog/532714
版权

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

<input type="元素名称"/>

    button: 普通按钮     value=“按钮的文字”   js/jquery代码

    checkbox 复选框     checked=“checked”默认选中

    file 上传控件

    hidden 隐藏域  value=“值” 和php脚本程序交互

    image 图片提交按钮  src=“图片路径”图片形态

    <form> action=“处理页面” method=“post/get”

    submit  和图片提交按钮image功能一样 按钮形态

    password 密码框

    radio 单选框 排他效果 name=“相同”

    text 文本框

    reset 重置  把所有表单元素还原成默认状态

                value=“按钮上的文字”

    <texteara  cols=“文本列数”  row=“文本行数”>  没有滚动条cols+2

141602_5Lgi_2509123.png

代码部分：

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>无标题文档</title>


</head>


<body>

<table border="2px" bordercolor="#FF0000" width="800px" height="700px" align="center">

<tr>

<td valign="top">

<table align="center" border="0px" width="750px">

<tr height="40px" valign="bottom">

<td width="120pxS" align="center"><strong style="font-size:12px">个人资料：</strong></td>

                    <td style="font-size:12px; color:#666"><a style="color:#F00">*</a> 为必填项</td>

                </tr>

                <tr>

                    <td colspan="2"><hr></td>

                </tr>

             </table>        

             <table align="center" border="0px" width="650px">

             <tr>

                <td align="right" style="font-size:12px; width:80px"><a style="color:#F00">*</a>验证码：</td>

                <td><input type="text"></td>

                <td style="width:40px"><img src="1.png"</td>

                <td style="font-size:12px; color:#666">点击切换</td>

             </tr>

             <tr>

                <td align="right" style="font-size:12px; width:80px"><a style="color:#F00">*</a>手机号码：</td>

                <td width="60pxpx"><input type="text"></td>

                <td  colspan="2" style="font-size:12px; color:#666">最多11个字符，例如：13812345678</td>

             </tr>

          <tr>

                <td align="right" style="font-size:12px; width:80px"><a style="color:#F00">*</a>电子邮箱：</td>

                <td width="60pxpx"><input type="text"></td>

                <td  colspan="2" style="font-size:12px; color:#666">此邮箱用来确认你的身份</td>

             </tr>

              <tr>

                <td align="right" style="font-size:12px; width:80px"><a style="color:#F00">*</a>设置密码：</td>

                <td width="60pxpx"><input type="text"></td>

                <td  colspan="2" style="font-size:12px; color:#666">长度为6-20个字符之间</td>

             </tr>

              <tr>

                <td align="right" style="font-size:12px; width:80px"><a style="color:#F00">*</a>重置密码：</td>

                <td width="60px"><input type="text"></td>

                <td  colspan="2" style="font-size:12px"></td>

             </tr>

              <tr>

                <td align="right" style="font-size:12px; width:80px"><a style="color:#F00">*</a>姓    名：</td>

                <td><input type="text"></td>

                <td  colspan="2" style="font-size:12px; color:#666">请输入真实姓名，最多10个字符</td>

             </tr>

              <tr>

                <td align="right" style="font-size:12px; width:80px"><a style="color:#F00">*</a>昵 称：</td>

                <td><input type="text"></td>

                <td  colspan="2" style="font-size:12px; color:#666">请输入昵称，最多30个字符</td>

             </tr>

             <tr>

                <td align="right" style="font-size:12px; width:80px"><a style="color:#F00">*</a>性 别：</td>

                <td colspan="3" style="font-size:12px"><input type="radio" name="us">男<input type="radio" name="us">女</td>

             </tr>

              <tr>

                <td align="right" style="font-size:12px; width:80px"><a style="color:#F00">*</a>所在地：</td>

                <td colspan="3">

                <select style="width:150px">

                    <option selected>请选择（省）</option>

                        <option>广东省</option>

                    </select>

                    <select>

                    <option selected>请选择（市）</option>

                        <option>广州市</option>

                    </select>

                </td>

             </tr>

             <tr>

                <td align="right" style="font-size:12px; width:80px"><a style="color:#F00">*</a>固定电话：</td>

                <td><input type="text"></td>

                <td  colspan="2" style="font-size:12px; color:#666">最多12个字符，例如：02012345678</td>

             </tr>

             <tr>

                <td align="right" style="font-size:12px; width:80px"><a style="color:#F00">*</a>传 真：</td>

                <td><input type="text"></td>

                <td  colspan="2" style="font-size:12px; color:#666">最多12个字符，例如：02012345678</td>

             </tr>

              <tr>

                <td align="right" style="font-size:12px; width:80px"><a style="color:#F00">*</a>地 址：</td>

                <td><input type="text"></td>

                <td  colspan="2" style="font-size:12px; color:#666">请填写正确的地址</td>

             </tr>

              <tr>

                <td align="right" style="font-size:12px; width:80px"><a style="color:#F00">*</a>邮政编码：</td>

                <td><input type="text"></td>

                <td colspan="2" style="font-size:12px; color:#666">最多6个字符，例如：123456</td>

             </tr>

             <tr>

                <td align="right" style="font-size:12px; width:80px"><a style="color:#F00">*</a>服务条款：</td>

                <td colspan="3">

                <textarea cols="60" rows="8"></textarea>

                </td>

             </tr>

             <tr>

                <td colspan="4" style="font-size:12px" align="center"><a style="color:#F00">点击线面“我接受”按钮，即表示您同意上面的服务条款和隐私政策</a></td>

             </tr>

             <tr>

                <td colspan="4" style="font-size:12px" align="center"><a style="color:#F00">提醒：您是否已详细阅读并同意关于服务条款？同意，请点击下满：</a></td>

             </tr>

                <td colspan="4" align="center"><input type="submit" value="我接受，创建我的用户"></td>

             </tr>

             </table>

            </td>           

    </table>

</body>

</html>



转载于:https://my.oschina.net/zhouhang0907/blog/532714

weixin_33912445
关注
  • 4
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html注册登录表单
12-16
html注册登录表单，包含js/css代码，有需求的可下载。
用表单实现用户注册
Listen_me的博客
07-30 972
用表单实现用户注册，构建用户注册页面
django学习（一） form表单编写简单的注册登录页
yin8809的博客
08-27 6552
HTML form是交互网页的支柱。下面来学习一下使用Django自带 Form表单编写一个简单的注册登录小程序。 一、项目结构如下图： re_login是app名 二、编写代码： 1、app下models.py: #coding:utf-8 from django.db import models # Create your models here. class Regis
HTML知识整理(form表单简单实现登录注册界面)
qq_53909398的博客
01-09 4079
代码段： <!----注释 from表单:作用收集用户的基本信息 <from>内容</from> 表单属性:action 服务器地址 比如:192.168.1111.3:8080 method 提交方式 post get 其中post更加安全 下面是默认登录注册界面的写法 -----> <!DOCTYPE html> <html> <head> <title>from表单</t.
一个简单的form表单登录界面
m0_37732829的博客
07-27 5777
这个表单挺不错的，适合大多数登录了，分享一下 <head> <meta charset="UTF-8"> <title>登录</title> <link rel="stylesheet" type="text/css" href="css/login.css"> </head> <body...
Ajax注册用户时实现表单验证
12-07
很多时候在网站上注册时，我们会发现，注册表单通常需要检查用户名和电子邮件地址的可用性；从而确保用户之间不拥有...假设，现在要求我们实现一个注册界面并且它采用实时方式检查用户信息是否符合系统的要求。 其中，
039 漂亮的登录界面 单页form表单【html登录注册页面代码】
05-31
039 漂亮的登录界面 单页form表单【html登录注册页面代码】
HTML-表单标签制作注册页面
07-22
HTML中使用表单标签制作注册页界面，表单标签重要的是使用type属性
PHP实现的用户注册表单验证功能简单示例
01-02
本文实例讲述了PHP实现的用户注册表单验证功能。分享给大家供大家参考，具体如下： 注册界面 register.html 用户注册 <form method=post action=register_verify.php> <input type=text placeholder=...
django form表单登录注册案例
qq_42662411的博客
03-10 2079
1-登录注册实现思路 1-创建模型类-------从而映射生成数据表 2-创建登录模板以及注册模板 3-创建视图函数 4-配置路由 总之就是先将架构打好 然后一步一步实现功能 1-登录注册第一步–创建模型生成数据表 1-在注册的APP下面的models.py里面创建模型 from django.db import models # Create your models here. clas...
SpringBoot中实现发送邮件
m0_64289188的博客
04-30 354
当你添加了spring-boot-starter-mail依赖后，Spring Boot会自动配置JavaMailSender实例，并根据application.yml文件中的属性来配置这个实例。你可以直接在需要发送邮件的地方通过@Autowired注解将JavaMailSender实例注入到你的类中，然后使用它来发送邮件。：首先，需要在你的pom.xml文件中添加Spring Boot的邮件发送器依赖。，简化了在Spring Boot应用程序中发送电子邮件的设置过程。Spring Boot的。
Day25-Java基础之常用类1
m0_46053885的博客
04-27 868
同时我们发现Math类中的方法都是静态的，因此在使用的时候我们可以直接通过类名去调用。对于计算机而言，其实是没有数据类型的概念的，都是0101010101，数据类型是编程语言自己规定的，所以在实际存储的时候，先把具体的数字变成二进制，每32个bit为一组，存储在数组中。比较内存地址值一般情况下是没有意义的，我们希望比较的是对象的属性，如果两个对象的属性相同，我们认为就是同一个对象；如果我们的数据是一个浮点类型的数据，有的时候计算机并不会将这个数据完全转换成一个二进制数据，而是将这个将其转换成一个无限的。
链表刷题集
yajunjiao的专栏
04-30 269
本文主要列举了一些刷的题，不多，有那么几道，也建议各位去建立自己的刷题集。积少成多。
AttributeError: module ‘numpy‘ has no attribute ‘float‘.的解决方法
chen_znn的博客
04-30 255
本文记录了AttributeError: module 'numpy' has no attribute 'float'.的解决方法
Python 发送钉钉消息（markdown格式）
qq_43773590的博客
04-30 169
【代码】Python 发送钉钉消息（markdown格式）
Python 二叉树的创建与遍历
youyouxiong的博客
04-24 434
在Python中创建二叉树并进行遍历，我们首先需要定义一个二叉树节点类，然后创建二叉树，最后实现几种基本的遍历方法：前序、中序、后序和层序遍历。以下是具体的实现步骤： 2. 创建二叉树 创建二叉树通常是由用户根据需要输入节点值来构建，或者通过特定的算法生成。这里我们手动创建一个简单的二叉树： 3. 实现二叉树的遍历 前序遍历 (Preorder Traversal) 访问根节点，然后递归地遍历左子树，最后递归地遍历右子树。 中序遍历 (Inorder Traversal) 递归地遍历左子
PySide6 GUI 学习笔记——使用资源文件
Humbunklung的专栏
04-27 533
在界面开发中，我们常常将一些图片、图标等资源统一存放到资源文件中供使用，从而让图形界面表达能力更好，更加丰富，譬如带图标的按钮、菜单、窗口等等。PySide6可以将多个图标、图片等资源文件编译到.py文件中，这样可以被我们的程序直接调用，使得资源的管理更加方便。
Java8 Stream API全面解析——高效流式编程的秘诀
最新发布
赵士杰——成功并非一蹴而就，而是在持之以恒的努力中逐渐实现。
05-01 3128
Java8 Stream API全面解析——高效流式编程的秘诀
运用HTML表单相关标签实现用户注册页面
05-25
好的，以下是一个简单的用户注册页面的HTML代码： ```html <!DOCTYPE html> <title>User Registration Form <h1>User Registration Form <form action="registration.php" method="post"> ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值