用html来设置一个用户登录网页

这是如何用html标签来写一个网页用户登录的页面，大家可以试着尝试一下多熟悉这些标签

<!DOCTYPE html><html><head lang="en">    <meta charset="UTF-8">    <title></title></head><body><form action="#" method="get">    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>    <!-- 写一个交互的id-->    <label for="userEmail">用户名</label>    <span style="color: red;">*</span>    <input type="email" id="userEmail"/>    <span style="color: grey; font-size: 12px;">请使用邮箱的电子邮箱</span>

<br/><br/>    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>    <label for="userPassword">&nbsp;&nbsp;密码</label>    <span style="color: red;">*</span>   <!-- 密码框-->    <input type="password" id="userPassword"/>    <span style="color: grey; font-size: 12px;">密码强度：</span>    <span style="color: red;font-size: 12px;">弱</span>    <span style="font-size: 12px;">中</span>    <span style="color: green; font-size: 12px;">强</span>

<br/><br/>    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>    <label for="userPassword">&nbsp;&nbsp;确认密码</label>    <span style="color: red">*</span>    <input type="password"id="userPassword1"/>

<br/><br/>    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>    <label for="">注册目标</label>    <span style="color: red">*</span>    <!-- 在用input写一个多选的选择器-->    <input type="radio"name="sex"/>会员    <span style="color: gray;font-size:12px">(快速卖出或买进产品)</span>

<br/><br/>    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>    <input type="radio" name="sex" />农业经纪人    <span style="color: gray;font-size: 12px;">(为广大会员服务促进农产品交易)</span>

<br/><br/>    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>    <input type="radio"name="sex"/>渠道联盟    <span style="color: gray;font-size: 12px">(成为我们的合作伙伴)</span>

<br/><br/>    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>    <input type="radio"name="sex"/>信息员    <span style="color: gray;font-size: 12px">(采集发布热点农业信息)</span>

<br/><br/>    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>    <span style="color: gray;font-size: 12px">备注：请选择您的主职身份，其他身份可在以后您需要的时候进行扩展</span>

<br/><br/>    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>    <label for="username">姓名</label>    <span style="color: red">*</span>    <input type="text"placeholder="姓名" id="username">    <span style="color: gray;font-size: 12px">真实姓名（与身份证件一致）</span>

<br/><br/>    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>   <!-- 再定义一个交互的id-->    <label for="userphonenubren">手机</label>    <span style="color: red">*</span>    <!-- 文本框-->    <input type="text"placeholder="手机"id="userphonenubren"/>    <span style="color: gray;font-size: 12px">11位手机号码</span>

<br/><br/>    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>    <label for="">所在区域</label>    <span style="color: red">*</span>   <!-- 下拉列表-->    <select name="" >        <option value="">中国</option>        <option value="">美国</option>        <option value="">澳大利亚</option>        <option value="">新加坡</option>        <option value="">马来西亚</option>    </select>    <select name="" >        <option value="">&nbsp;&nbsp;&nbsp;---北&nbsp&nbsp京---</option>        <option value="">&nbsp; ---不知道---</option>        <option value="">&nbsp; ---不知道---</option>        <option value=""> &nbsp;&nbsp;---不知道---</option>        <option value="">&nbsp;&nbsp;---不知道---</option>    </select>    <span style="color: gray;font-size: 12px;">选择您所在的省/市</span>

<br/><br/>    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>    <label for="">验证码</label>    <span style="color: red">*</span>    <input type=""id="name4"style="width:50px"/>    <img src="../img/151209173849244246.jpg"/>    <a href="text2.html">看不清楚，换一个</a>

<br/><br/>    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>

<span>&nbsp;&nbsp;</span>    <input type="button"value="同意以下条款并注册"/>   <!-- 超链接-->    <a href="texe4.html">登入</a>    <span>&nbsp;&nbsp;</span>    <a href="text5.html">找回密码</a>

<br/><br/>    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>    <textarea name="" id="" cols="70" rows="10"></textarea></form></body></html>

<!DOCTYPE html><html><head lang="en">    <meta charset="UTF-8">    <title></title></head><body><form action="#" method="get">    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>    <!-- 写一个交互的id-->    <label for="userEmail">用户名</label>    <span style="color: red;">*</span>    <input type="email" id="userEmail"/>    <span style="color: grey; font-size: 12px;">请使用邮箱的电子邮箱</span>

<br/><br/>    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>    <label for="userPassword">&nbsp;&nbsp;密码</label>    <span style="color: red;">*</span>   <!-- 密码框-->    <input type="password" id="userPassword"/>    <span style="color: grey; font-size: 12px;">密码强度：</span>    <span style="color: red;font-size: 12px;">弱</span>    <span style="font-size: 12px;">中</span>    <span style="color: green; font-size: 12px;">强</span>

<br/><br/>    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>    <label for="userPassword">&nbsp;&nbsp;确认密码</label>    <span style="color: red">*</span>    <input type="password"id="userPassword1"/>

<br/><br/>    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>    <label for="">注册目标</label>    <span style="color: red">*</span>    <!-- 在用input写一个多选的选择器-->    <input type="radio"name="sex"/>会员    <span style="color: gray;font-size:12px">(快速卖出或买进产品)</span>

<br/><br/>    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>    <input type="radio" name="sex" />农业经纪人    <span style="color: gray;font-size: 12px;">(为广大会员服务促进农产品交易)</span>

<br/><br/>    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>    <input type="radio"name="sex"/>渠道联盟    <span style="color: gray;font-size: 12px">(成为我们的合作伙伴)</span>

<br/><br/>    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>    <input type="radio"name="sex"/>信息员    <span style="color: gray;font-size: 12px">(采集发布热点农业信息)</span>

<br/><br/>    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>    <span style="color: gray;font-size: 12px">备注：请选择您的主职身份，其他身份可在以后您需要的时候进行扩展</span>

<br/><br/>    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>    <label for="username">姓名</label>    <span style="color: red">*</span>    <input type="text"placeholder="姓名" id="username">    <span style="color: gray;font-size: 12px">真实姓名（与身份证件一致）</span>

<br/><br/>    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>   <!-- 再定义一个交互的id-->    <label for="userphonenubren">手机</label>    <span style="color: red">*</span>    <!-- 文本框-->    <input type="text"placeholder="手机"id="userphonenubren"/>    <span style="color: gray;font-size: 12px">11位手机号码</span>

<br/><br/>    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>    <label for="">所在区域</label>    <span style="color: red">*</span>   <!-- 下拉列表-->    <select name="" >        <option value="">中国</option>        <option value="">美国</option>        <option value="">澳大利亚</option>        <option value="">新加坡</option>        <option value="">马来西亚</option>    </select>    <select name="" >        <option value="">&nbsp;&nbsp;&nbsp;---北&nbsp&nbsp京---</option>        <option value="">&nbsp; ---不知道---</option>        <option value="">&nbsp; ---不知道---</option>        <option value=""> &nbsp;&nbsp;---不知道---</option>        <option value="">&nbsp;&nbsp;---不知道---</option>    </select>    <span style="color: gray;font-size: 12px;">选择您所在的省/市</span>

<br/><br/>    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>    <label for="">验证码</label>    <span style="color: red">*</span>    <input type=""id="name4"style="width:50px"/>    <img src="../img/151209173849244246.jpg"/>    <a href="text2.html">看不清楚，换一个</a>

<br/><br/>    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>

<span>&nbsp;&nbsp;</span>    <input type="button"value="同意以下条款并注册"/>   <!-- 超链接-->    <a href="texe4.html">登入</a>    <span>&nbsp;&nbsp;</span>    <a href="text5.html">找回密码</a>

<br/><br/>    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>    <textarea name="" id="" cols="70" rows="10"></textarea></form></body></html>

时间： 2024-10-14 18:58:59

用html来设置一个用户登录网页的相关文章

限制在同一台电脑上只允许有一个用户登录系统

在web应用系统中,出于安全性考虑,经常需要对同一客户端登录的用户数量和一个客户同时在多个客户端登陆进行限制.具体一点就是: 1.在同一台电脑上一次只允许有一个用户登录系统,2.一个用户在同一时间只允许在一个客户端登录. 我最近做的一个系统就遇到了这样的问题,本来系统已经开发完成了,但是安全测评没有通过,就是因为没有做这两个限制.怎么来做这样的限制呢?我在网上找了很久,发现问这个问题的人很多,但是没有找到特别清楚的答案.后来自己摸索着,看了一些书,终于找到解决办法了. 要解决这个问题实际上不难,

python2设计一个用户登录

1 #设计一个可以输入3次的登陆程序 2 #用户登录 3 import getpass 4 flag = 3 5 while flag>0 : 6 _usr_ =raw_input('please enter your username:') 7 _pword_ =getpass.getpass('please enter your password:')#密文输入 8 if _usr_ =='admin' and _pword_=='123456': 9 print('Login succes

PHP实现一个账号只能一个用户登录

思路: 用户登录时,将函数session_id()的值写入到数据库中,这样就能始终保证数据库中的session_id的值是最新的登录的用户对应的session _id. 在页面验证用户时,需要验证用户当前的session_id和数据库中session的值是否一致. 举例: 已知有一个账号U,两个用户A和B. 首先A登录账号U,于是用户A登录时,对应的session_id写入到账号U对应的session_id中,此时用户A保持登录状态. 然后B也登录账号U,用户B登录时,对应的session_id

Ubuntu 设置root用户登录

由于 Ubuntu 是基于 Debian 的 linux 操作系统,在默认的情况下,是没有超级用户(superuser, root)的,但有些系统操作必须有超级用户的权限才能进行,如手动释放内存等. 在其他 linux 操作系统(如 fedora)下,可以使用 su 切换到超级用户. 当输入 su 命令后,系统会要求输入 root 的密码. 可是,在 Ubuntu 下我们根本不知道 root 的密码是什么. 这样,在 Ubuntu 下切换到超级用户需要使用其他方法,主要有两种: 1)

solaris 11设置root用户登录

一般来讲,安装完solaris 11 以后,系统为了安全考虑,是禁止root用户直接登录得, 如果想要ssh直接通过root用户登录,就需要修改配置文件: #vi /etc/user_attr 然后将type=role 修改为type=normal 当然ssh默认是不允许root用户登录的,因此还需要设置ssh 允许root登录才行 #vi /etc/ssh/sshd_config 修改PermitRootLogin no为PermitRootLogin yes 重启ssh服务: # svcad

vsftp设置不同用户登录ftp的根目录不同

创建三个用户 [[email protected] ~]# useradd kids [[email protected] ~]# useradd mini [[email protected] ~]# useradd ts [[email protected] ~]# passwd kids [[email protected] ~]# passwd mini [[email protected] ~]# passwd ts 共享路径 [[email protected] data]# ll

Flask最强攻略 - 跟DragonFire学Flask - 第五篇做一个用户登录之后查看学员信息的小例子

需求: 1. 用户名: oldboy 密码: oldboy123 2. 用户登录成功之后跳转到列表页面 3. 失败有消息提示,重新登录 4.点击学生名称之后,可以看到学生的详细信息后端: 1 from flask import Flask 2 from flask import request 3 from flask import render_template 4 from flask import redirect 5 6 USER = {'username': 'oldboy', 'p

5，做一个用户登录之后查看学员信息的小例子

利用shell脚本做一个用户登录系统

效果图如下: #!/bin/bash# while truedocat << EOF//======================\\\\| 用户登录系统 |--------------------------| 1.创建用户 || 2.删除用户 || 3.锁定用户 || 4.解锁用户 || 5.查看用户 || 6.退出脚本 |--------------------------EOF read -p "请输入你的操作选择:" num#输入为1时的判断if [ "