笔记一：Login.html

最新推荐文章于 2024-03-15 09:04:12 发布
最新推荐文章于 2024-03-15 09:04:12 发布
阅读量962 收藏 2
点赞数
文章标签： php
原文链接：http://www.cnblogs.com/hhlh/p/3751135.html
版权

作为一个初学者，在学习PHP中遇到不少的问题，现在开始将我们学习的所有页面进行剖解和疑问解答，首先是Login.html 这个页面全部都是静态HTML语言，所以没有太多的讲的，但是最重要的有一点，就是要注意将HTML页面填写的数据传到loginCheck.php中进行数据的处理时，需要对form标签进行认真的编写：

<form name="f2" action="LoginCheck.php" method="post">

..

账号：

<input type=”text” name=”name” value=””>

密码：

<input type=”password” name=”pw” value=””>

..

<.form>

此处的3个标签是一定不能少的，第一个是名字，要先对它进行命名，然后action就是将这个表单里的数据提交给谁来处理，当然这里是提交给LoginCheck.php去处理，第三个就是method，翻译过来就是方法、方式，意思就是说将这个表单里的数据通过什么方式传送到LoginCheck.php网页里面去。

因为是做PHP的疑问笔记，就不对HTML进行解释了，这里的input标签中的type是指类型：包括button、checkbox、file、hidden、image、password、radio、reset、submit、text

这里只用到text和password；name是指这个input的名字，value就是文本框中的值。

 

Login页面的笔记就到这里了。

 

实战开发时完整的代码：

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>login</title>
<meta charset="utf-8">
<link href="styles/login.css" rel="stylesheet" type="text/css">
</head>
<body>
<form name="f2" action="LoginCheck.php" method="post">
<div id="top">
<img id="logo" src="images/logo.jpg">
<span id="toptext"><a>设为首页</a>|<a>加入收藏</a>|<a>关于我们</a>|<a>联系我们</a></span>
</div>

 

<div id="main">
<div id="pic">
<div id="loginBox">
<b class="alphaBg">这个层用来显示背景</b>
<div class="loginItem">
<div class="title"><p>管理员入口</p></div>
<div class="content">
<div class="item">
登录名：<br>
<input type="text" name="uid" class="input">
</div>
<div class="item">
密码：<br>
<input type="password" name="pwd" class="input">
</div>
<div class="item"><br>
<input type="image" src="images/btnLogin.png">
</div>
</div>
</div>
</div>
<div id="btnChange"></div>
</div>
</div>

 

<div id="bottom">
<a>关于我们</a>|<a>官方博客</a>|<a>客户服务</a>|<a>隐私政策</a>|<a>今时代公司版权所有 © 2014-2015<a>
</div>
</form>
</body>
</html>

 

 

转载于:https://www.cnblogs.com/hhlh/p/3751135.html

weixin_30763397
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
login.html
08-31
selenium录制的百度首页脚本，可以使用，已经验证。语言为java,首页录制时元素路径为绝对路径。可更改。层级关系不变。
html注册页面两页,register2.html
weixin_42161450的博客
06-04 537
register2function checkUserName() { //验证用户名var fname = document.myform.username.value;var reg = /^[0-9a-zA-Z]/;if (fname.length != 0) {for (i = 0; i < fname.length; i++) {if (!reg.test(fname)) {ale...
利用html制作一个简单的登陆页面
m0_73780812的博客
05-10 9019
一张图片放入image,图片名称bg.jpg。需要的一张图片，两段代码。index.html代码。style.css代码。
好看的登录页面login.html
m0_59076472的博客
07-01 3万+
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Login Page</title> <style> body { margin: 0;
笔记本电脑商店：链接：https：studenti.sum.baprojektifpmoz2021g15
02-16
标题中的“笔记本电脑商店”指的是一个在线购物平台，专门售卖笔记本电脑。链接“https：studenti.sum.baprojektifpmoz2021g15”可能是该平台的访问地址或者是项目源代码的存储位置，但实际链接无法在当前环境中访问...
new_file.html
03-10
今天写的笔记就是他了。今天写的笔记就是他了。今天写的笔记就是他了。今天写的笔记就是他了。今天写的笔记就是他了。今天写的笔记就是他了。今天写的笔记就是他了。今天写的笔记就是他了。今天写的笔记就是他了。...
Django学习笔记.doc文件.rar
09-26
在本压缩包中，"Django学习笔记.doc文件.rar"包含了一份详尽的Django框架学习资料，由以下几个部分组成： 1. **用户身份验证.doc**：这部分讲述了Django内置的身份验证系统，包括如何创建用户账户，登录和登出功能...
基于PHP的笔记本网址导航源码.zip
07-24
【标题】"基于PHP的笔记本网址导航源码"是一个以PHP编程语言开发的网站项目，主要用于构建一个方便用户收集、整理和分享网络链接的在线平台。这种类型的网站通常包括了用户登录系统、链接分类管理、搜索功能以及个性...
jsp-login.zip_jsp用什么书写
09-14
在标题“jsp-login.zip_jsp用什么书写”中，提到的是使用JSP来编写一个登录系统。在Web应用中，登录功能是基础且常见的，通常包括用户输入用户名和密码，服务器验证这些信息，然后根据结果决定是否允许用户登录。这...
使用Html做一个简单的登陆页面
热门推荐
桑稚远方的博客
04-05 4万+
有了登录按钮后，在我们的认知下，肯定按了登录会跳到下一个页面，但是今天只是展示做一个简单的登陆界面，就不写跳转和账号密码验证了；登录页面一般就是账号和密码，另外还需要验证码验证需求，这三个常见的属性是一个项目登陆界面重要组成要素；2.账号密码有了之后，下一步就需要登录了，登录是一个按钮，按钮是一个标签。，所以就不使用验证码了，因为验证码在一个项目中是放在后端的，这次就不做演示；不好意思兄弟们，本人没有美感，尽力了，你们自己找好看的点自己修改；如下面的代码，这一步很简单；
注册页面
programmer188的博客
12-31 335
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>后台管理-登陆</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="Access-Control-Allow-Origin" content=.
2021-03-17 编写login.html
okludawei的博客
03-17 1072
编写login.html，当点击的时候自动跳转到在resources目录的templates目录的文件。 <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <...
HTML&CSS登录界面及讲解
weixin_54627824的博客
04-20 1万+
PS:该源码非原创，原文章来自(2条消息) HTML+CSS登录界面_桐艾的博客-CSDN博客_登录页面 这里只做源码讲解 页面效果如下： 首先是login.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>登录</title> <link rel="stylesheet" href="./login.css"/>...
【JavaWeb】用户登录案例
愿万事胜意
03-21 5162
需求 1. 编写login.html登录页面，包含username & password 两个输入框 2. 使用Druid数据库连接池技术,操作mysql，test数据库中user表 3. 使用JdbcTemplate技术封装JDBC 4. 登录成功跳转到SuccessServlet展示：登录成功！用户名,欢迎您 5. 登录失败跳转到FailServlet展示：登录失败，用户名或...
Django + HTML ——注册/登录
沧海黎明
07-31 4061
1、工程创建 创建如下图所示的项目与应用，并同时创建一个Register.html和一个Login.html。 工程创建操作步骤详见本人博客： https://blog.csdn.net/weixin_43184774/article/details/97390818 2、代码实现 ...
login.html错误,创建好login.html文件后，在git bash执行webpack出现错误
weixin_39784972的博客
06-20 446
在view中创建好login.html文件后，将view文件夹中index.html里的代码复制到login.html，并在git bash中执行webpack，出现如下错误。深色星空@MSI MINGW64 ~/mmall/doc/mmall-fe (mmall_v1.0)$ webpackHash: b8f2030ddc00a484b045Version: webpack 1.15.0Time...
Web后端开发-模拟用户登录验证（html Servlet)
最新发布
m0_74394367的博客
03-15 363
Web后端开发-模拟用户登录验证（html Servlet) 具体要求： 1、登录提交页面login.html ：包含两个接受用户名和登录密码的文本框，一个登录的submit按钮； 2、loginServlet程序：实现获取用户名和密码的数据进行模拟登录验证，最后将验证结果返回给客户端。 3、用户名、密码的验证通过与Servlet初始化参数中的数据进行比对。 4、使用注解方式或者使用web.xml配置文件的方式，配置Servlet初始化参数都可以。
HTML简单的登录页面--实例
IT利刃出鞘的博客
12-11 7714
本文用示例展示简单的登录页面的写法。 会包括如下几种方案：纯HTML、HTML+jQuery(form data)格式、HTML+jQuery(json)格式。
用django代码写一个 云笔记项目： 用户可以在该系统注册、登录，登录后可以在里面写日记，包括对日记的增删改查 需求分解： 模块1：用户模块 功能：用户注册、用户登录 字段：用户名、密码 界面：一般的简单注册登录界面即可 模块2 ：云笔记模块 功能：展示首页、对笔记进行增删改查 字段：标题、内容、新增时间、修改时间 界面： 首页要求未登录状态显示登录和注册按钮，已登录状态显示欢迎用户以及查看笔记按钮； 笔记列表界面要求用表格展示所有笔记，并且每个笔记包含修改和删除按钮，界面顶部显示欢迎用户以及新增笔记按钮； 新增和修改界面要求包含标题、内容以及提交按钮；
03-25
模块1：用户模块 1.1 注册功能 前端界面： 用户进入注册界面，输入用户名和密码，点击注册按钮。 后端代码： ``` from django.shortcuts import render, redirect from django.contrib.auth.models import User from django.contrib import auth def register(request): if request.method == 'POST': username = request.POST['username'] password1 = request.POST['password1'] password2 = request.POST['password2'] if password1 == password2: try: user = User.objects.get(username=username) return render(request, 'register.html', {'error': '该用户名已经被注册'}) except User.DoesNotExist: User.objects.create_user(username=username, password=password1) return redirect('login') else: return render(request, 'register.html', {'error': '两次密码输入不一致'}) else: return render(request, 'register.html') ``` 1.2 登录功能 前端界面： 用户进入登录界面，输入用户名和密码，点击登录按钮。 后端代码： ``` from django.shortcuts import render, redirect from django.contrib.auth.models import User from django.contrib import auth def login(request): if request.method == 'POST': username = request.POST['username'] password = request.POST['password'] user = auth.authenticate(username=username, password=password) if user is not None and user.is_active: auth.login(request, user) return redirect('notes') else: return render(request, 'login.html', {'error': '用户名或密码错误'}) else: return render(request, 'login.html') ``` 模块2：云笔记模块 2.1 首页展示功能 前端界面： 用户进入首页，未登录状态下显示登录和注册按钮，已登录状态下显示欢迎用户以及查看笔记按钮。 后端代码： ``` from django.shortcuts import render, redirect from django.contrib.auth.decorators import login_required @login_required def notes(request): return render(request, 'notes.html', {'username': request.user.username}) ``` 2.2 笔记列表展示功能 前端界面： 用户进入笔记列表界面，该页面用表格展示所有笔记，并且每个笔记包含修改和删除按钮，界面顶部显示欢迎用户以及新增笔记按钮。 后端代码： ``` from django.shortcuts import render, redirect from django.contrib.auth.decorators import login_required from .models import Note @login_required def note_list(request): notes = Note.objects.filter(user=request.user) return render(request, 'note_list.html', {'notes': notes}) @login_required def note_add(request): if request.method == 'POST': title = request.POST['title'] content = request.POST['content'] Note.objects.create(user=request.user, title=title, content=content) return redirect('note_list') else: return render(request, 'note_add.html') @login_required def note_edit(request, id): note = Note.objects.get(id=id) if request.method == 'POST': title = request.POST['title'] content = request.POST['content'] note.title = title note.content = content note.save() return redirect('note_list') else: return render(request, 'note_edit.html', {'note': note}) @login_required def note_delete(request, id): note = Note.objects.get(id=id) note.delete() return redirect('note_list') ``` 2.3 新增和修改笔记功能 前端界面： 用户进入新增和修改界面，包含标题、内容以及提交按钮。 后端代码： ``` from django.db import models from django.contrib.auth.models import User class Note(models.Model): user = models.ForeignKey(User, on_delete=models.CASCADE, verbose_name='用户') title = models.CharField('标题', max_length=100) content = models.TextField('内容') add_time = models.DateTimeField('新增时间', auto_now_add=True) edit_time = models.DateTimeField('修改时间', auto_now=True) class Meta: verbose_name = '笔记' verbose_name_plural = verbose_name def __str__(self): return self.title ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值