PHP实现登录注册之BootStrap表单功能
作者：Artist1995 发布时间：2024-05-11 09:07:25
前言
前面几篇简单介绍了一下前端与PHP的一些知识点，前端中表单提交是一个非常重要的模块，在本篇中我会介绍一些关于表单的知识，如果前面内容你掌握的不好并且没有大量的练习，我感觉你最好先把标签都记下来。
项目简介
登录与注册是我们在web开发中最常见的模块，也是我们日常生活中经常接触的功能。用户通过前端表单页面填写内容，通过POST方式提交到后台，然后经过PHP代码处理提交内容后，针对登录或者注册的逻辑继续操作。
登录与注册图解
BootStrap前端框架[ http://v3.bootcss.com/ ]
Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。
BootStrap如何使用呢？我们可以下载它的源代码到本地，也可以使用 BootCDN 提供的免费 CDN 加速服务。
首先我们搭建页面基本骨架
<html>
<head>
<meta charset="UTF-8">
<title>Register</title>
</head>
<body>
</body>
</html>
然后我们点击起步找到如下内容
把红圈内CSS文件复制到我们页面中
<html>
<head>
<meta charset="UTF-8">
<title>Register</title>
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>
<body>
</body>
</html>
BootStrap给了许多案例，其中有一个登录页的案例http://v3.bootcss.com/examples/signin/
我们来仿一下这个页面
<html>
<head>
<meta charset="UTF-8">
<title>Register</title>
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<style>
body {
padding-top: 40px;
padding-bottom: 40px;
background-color: #eee;
}
.form-signin {
max-width: 330px;
padding: 15px;
margin: 0 auto;
}
</style>
</head>
<body>
<div class="container">
<form class="form-signin" action="" method="post">
<h2 class="form-signin-heading">Please sign in</h2>
<label for="inputEmail" class="sr-only">Email address</label>
<br>
<input type="email" name="email" id="inputEmail" class="form-control" placeholder="Email address" required autofocus>
<br>
<label for="inputPassword" class="sr-only">Password</label>
<input type="password" name="password" id="inputPassword" class="form-control" placeholder="Password" required>
<br>
<input type="submit" class="btn btn-lg btn-primary btn-block" type="submit" value="Sign in">
</form>
</div>
</body>
</html>
这里面<style></style>里面包裹的是CSS，如果有疑惑的地方可以逐个百度看一下，也可以先不写CSS，然后一点点的加上CSS代码看效果。我们来分析一下HTML中的表单。
•form标签==>用来包裹表单内容，也是表单的起始标签。
•form标签的属性action==>action="xxx"里面填写的是处理该表单的PHP代码所在文件地址，点击提交按钮后表单会把数据发送到该地址。
•form标签的属性method==>这个有点不好理解，你记着提交表单的时候里面填post就行，method="post"，有兴趣的话可以百度查一下。
•input标签==>细心的朋友可以看到input是单个存在的，<input> 标签规定了用户可以在其中输入数据的输入字段。<input> 元素在 <form> 元素中使用，用来声明允许用户输入数据的 input 控件。
输入字段可通过多种方式改变，取决于 type 属性。常见的type属性有text，email，password，checkbox，radio，button，submit，hidden等，你可以尝试改变type来看效果。
•input标签的属性name==>这个name值是至关重要的，我们后台PHP代码之所以能够分辨每个值都是来自于哪个input框都是根据name="xx"来判断。
•input标签的属性required==>如果用户什么都不写难道我们允许他们提交表单的吗？很明显不可以，所以我们需要让用户填写内容后再提交，required意思是必须的，如果不填写内容点击提交的时候，表单不会被提交。
总结
以上所述是小编给大家介绍的PHP实现登录注册之BootStrap表单功能，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！
来源：http://www.jianshu.com/p/aecaf2fdc832
0
投稿猜你喜欢
- 本文实例展示了Python使用函数默认值实现函数静态变量的方法，具体方法如下：一、Python函数默认值Python函数默认值的使用可以在函
- “到底是什么将艺术和设计分开的？”这样一个话题听起来费解，长时间以来， 也已经被讨论过无数次。艺术家和设计师都是通过共通的知识和素养来创造视
Python中的字典由于是对象的集合属于复合数据类型，类似于列表。定义字典字典是 Python 对数据结构的实现，通常称为关联数组。字典由键- 实现思路将视频（MP4 等）转换为 M3U8 视频的服务，可以按照以下步骤进行操作：将视频（MP4 等）转换为 M3U8：在服务中，使用适当
- 本来而言，这个问题网上很多资料，但是网上资料都是复制来复制去，很多话大家其实都不是很明白的，或者拿着官方文档翻译过来的，让人看的非常迷糊。今
- 在如今的Web设计中，图片的应用是必不可少的，为了更好地设计网站效果，大体积的图片被越来越多地应用到Web设计中来，所以，更好地优化图片文件
- 代码: <?php $page=$_GET['page']; include($page.'php')
- 前言由于pycharm自带的pip源网站是国外网址，这就导致了许多国内用户在pycharm中下载其他软件包速度极慢，有时还会跳出下载失败的界
- 在操作系统的文件中，还存在着一种我们可以自己定义的文件属性。这些属性不是保存在文件内容中，也不是直接可以通过 ls -al 所能看到的内容。
- 数据库操作类在网上一搜一大把，我这并不比那些好，只是是自己写的，用着更习惯。所以我这个类没有什么特别的地方，只是自己用着习惯罢了，至于效率等
- 前面已经介绍过几种基本语句（print，import，赋值语句），下面我们来介绍条件语句，循环语句。一. print和import的更多信息
- 前言本文主要给大家介绍的是关于PHP/ThinkPHP实现批量打包下载文件的相关内容，分享出来供大家参考学习，话不多说了，来一起看看详细的介
- 首先是数据源：#需要求加权平均值的数据列表elements = []#对应的权值列表weights = []使用numpy直接求：impor
- 一、复合查询1.1 多表查询实际开发中往往数据来自不同的表，所以需要多表查询，但是可以将多张表做笛卡尔积后的表当做是一张表，也就是单表查询。
- 思路：创建文件时，先检查是否有同名文件（使用os.path.isfile），如果有，则在文件名后加上编号n来创建。关键点：1. 使用os.p
- 看到标题就知道有逗比忘了密码。。。没错就是我。你也忘了密码？ 不要着急！0x00：第一步：运行django shellpython3 man
- 不同的色彩空间中对图片的色彩体现有很大不同#色彩空间的相互转换：最常见的是HSV与RGB,YUV与RGB的相互转换#常见色彩空间有：#RGB
- 在使用Python做开发的时候，时不时会给自己编写了一些小工具辅助自己的工作，但是由于开发依赖环境问题，多数只能在自己电脑上运行，拿到其它电
- 在php编写中有时会用户页面跳转，在这里收集了几种不错的跳转方法，可以用到。用HTTP头信息实现也就是用PHP的HEADER函数。PHP里的
- 使用ES做搜索引擎拉取数据的时候，如果数据量太大，通过传统的from + size的方式并不能获取所有的数据（默认最大记录数10000），因
