乱爱性全过程免费视频/午夜毛片视频/中文字幕av三区/一级视频网址

當(dāng)前位置： 維易PHP培訓(xùn)學(xué)院 > PHP學(xué)習(xí) > 內(nèi)容正文

PHP實(shí)現(xiàn)登錄注冊(cè)之BootStrap表單功能PHP實(shí)例：

作者：VEPHP   時(shí)間 2017-09-08

《PHP實(shí)現(xiàn)登錄注冊(cè)之BootStrap表單功能PHP實(shí)例：》要點(diǎn)：
本文介紹了PHP實(shí)現(xiàn)登錄注冊(cè)之BootStrap表單功能PHP實(shí)例：，希望對(duì)您有用。如果有疑問，可以聯(lián)系我們。

PHP實(shí)戰(zhàn)前言

PHP實(shí)戰(zhàn)前面幾篇簡(jiǎn)單介紹了一下前端與PHP的一些知識(shí)點(diǎn),前端中表單提交是一個(gè)非常重要的模塊,在本篇中我會(huì)介紹一些關(guān)于表單的知識(shí),如果前面內(nèi)容你掌握的不好并且沒有大量的練習(xí),我感覺你最好先把標(biāo)簽都記下來.

PHP實(shí)戰(zhàn)PHP實(shí)現(xiàn)登錄注冊(cè)之BootStrap表單功能PHP實(shí)例：

PHP實(shí)戰(zhàn)項(xiàng)目簡(jiǎn)介

PHP實(shí)戰(zhàn)登錄與注冊(cè)是我們?cè)趙eb開發(fā)中最常見的模塊,也是我們?nèi)粘Ｉ钪薪?jīng)常接觸的功能.用戶通過前端表單頁面填寫內(nèi)容,通過POST方式提交到后臺(tái),然后經(jīng)過PHP代碼處理提交內(nèi)容后,針對(duì)登錄或者注冊(cè)的邏輯繼續(xù)操作.

PHP實(shí)戰(zhàn)登錄與注冊(cè)圖解

PHP實(shí)戰(zhàn)PHP實(shí)現(xiàn)登錄注冊(cè)之BootStrap表單功能PHP實(shí)例：

PHP實(shí)戰(zhàn)PHP實(shí)現(xiàn)登錄注冊(cè)之BootStrap表單功能PHP實(shí)例：

PHP實(shí)戰(zhàn)BootStrap前端框架[ http://v3.bootcss.com/ ]

PHP實(shí)戰(zhàn)Bootstrap 是最受歡迎的 HTML、CSS 和 JS 框架,用于開發(fā)響應(yīng)式布局、移動(dòng)設(shè)備優(yōu)先的 WEB 項(xiàng)目.

PHP實(shí)戰(zhàn)BootStrap如何使用呢?我們可以下載它的源代碼到本地,也可以使用 BootCDN 提供的免費(fèi) CDN 加速服務(wù).

PHP實(shí)戰(zhàn)首先我們搭建頁面基本骨架

PHP實(shí)戰(zhàn)
<html>
<head>
  <meta charset="UTF-8">
  <title>Register</title>
</head>
<body>
</body>
</html>

PHP實(shí)戰(zhàn)然后我們點(diǎn)擊起步找到如下內(nèi)容

PHP實(shí)戰(zhàn)PHP實(shí)現(xiàn)登錄注冊(cè)之BootStrap表單功能PHP實(shí)例：

PHP實(shí)戰(zhàn)把紅圈內(nèi)CSS文件復(fù)制到我們頁面中

PHP實(shí)戰(zhàn)
<html>
<head>
  <meta charset="UTF-8">
  <title>Register</title>
  <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
  <link rel="stylesheet"  integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>
<body>
</body>
</html>

PHP實(shí)戰(zhàn)BootStrap給了許多案例,其中有一個(gè)登錄頁的案例http://v3.bootcss.com/examples/signin/

PHP實(shí)戰(zhàn)我們來仿一下這個(gè)頁面

PHP實(shí)戰(zhàn)
<html>
<head>
  <meta charset="UTF-8">
  <title>Register</title>
  <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
  <link rel="stylesheet"  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>

PHP實(shí)戰(zhàn)PHP實(shí)現(xiàn)登錄注冊(cè)之BootStrap表單功能PHP實(shí)例：

PHP實(shí)戰(zhàn)這里面<style></style>里面包裹的是CSS,如果有疑惑的地方可以逐個(gè)百度看一下,也可以先不寫CSS,然后一點(diǎn)點(diǎn)的加上CSS代碼看效果.我們來分析一下HTML中的表單.

PHP實(shí)戰(zhàn)?form標(biāo)簽==>用來包裹表單內(nèi)容,也是表單的起始標(biāo)簽.

PHP實(shí)戰(zhàn)?form標(biāo)簽的屬性action==>action="xxx"里面填寫的是處理該表單的PHP代碼所在文件地址,點(diǎn)擊提交按鈕后表單會(huì)把數(shù)據(jù)發(fā)送到該地址.

PHP實(shí)戰(zhàn)?form標(biāo)簽的屬性method==>這個(gè)有點(diǎn)不好理解,你記著提交表單的時(shí)候里面填post就行,method="post",有興趣的話可以百度查一下.

PHP實(shí)戰(zhàn)?input標(biāo)簽==>細(xì)心的朋友可以看到input是單個(gè)存在的,<input> 標(biāo)簽規(guī)定了用戶可以在其中輸入數(shù)據(jù)的輸入字段.<input> 元素在 <form> 元素中使用,用來聲明允許用戶輸入數(shù)據(jù)的 input 控件.

PHP實(shí)戰(zhàn)?輸入字段可通過多種方式改變,取決于 type 屬性.常見的type屬性有text,email,password,checkbox,radio,button,submit,hidden等,你可以嘗試改變type來看效果.

PHP實(shí)戰(zhàn)?input標(biāo)簽的屬性name==>這個(gè)name值是至關(guān)重要的,我們后臺(tái)PHP代碼之所以能夠分辨每個(gè)值都是來自于哪個(gè)input框都是根據(jù)name="xx"來判斷.

PHP實(shí)戰(zhàn)?input標(biāo)簽的屬性required==>如果用戶什么都不寫難道我們?cè)试S他們提交表單的嗎?很明顯不可以,所以我們需要讓用戶填寫內(nèi)容后再提交,required意思是必須的,如果不填寫內(nèi)容點(diǎn)擊提交的時(shí)候,表單不會(huì)被提交.

PHP實(shí)戰(zhàn)總結(jié)

PHP實(shí)戰(zhàn)以上所述是小編給大家介紹的PHP實(shí)現(xiàn)登錄注冊(cè)之BootStrap表單功能,希望對(duì)大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會(huì)及時(shí)回復(fù)大家的!

轉(zhuǎn)載請(qǐng)注明本頁網(wǎng)址：
http://www.fzlkiss.com/jiaocheng/185.html


    標(biāo)簽：