[鐵鷹練成]CI之會員登入(view)

DAY 24

[鐵鷹練成]CodeIgniter + Bootstrap系列第 21 篇

蒼鴻鐵鷹練成

老鷹(eagle)

2013-10-09 20:54:09

3006 瀏覽

分享至

先從簡單的開始
就兩個畫面
1.登入
2.SAY HI的頁面

views/login.php

<?php
$link = 'http://localhost/test/';
?>

<html xmlns="http://www.w3.org/1999/xhtml">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>登入</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="<?=$link;?>css/bootstrap-responsive.min.css" rel="stylesheet">
<link href="<?=$link;?>css/bootstrap.min.css" rel="stylesheet" media="screen">
<script src="<?=$link;?>js/jquery.js"></script>
<script src="<?=$link;?>js/bootstrap.min.js"></script>
<style>
#heig{
     height:25px;
}
#color{
     background-color: #E5E5E5;
}
</style>


<div class="container">
  <div align="center">
    <form id="form1" name="form1" method="post" action="">
      <p> </p>
      <p> </p>
      <table width="300" border="1" class="table table-bordered table-condensed">
        <tr>
          <td colspan="2" id="color"><div align="center"><strong>登入</strong></div></td>
        </tr>
        <tr>
          <td><div align="center"><strong>帳號</strong></div></td>
          <td><label id="heig">
            <input type="text" name="account" id="account" />
          </label></td>
        </tr>
        <tr>
          <td><div align="center"><strong>密碼</strong></div></td>
          <td><label id="heig">
            <input type="password" name="password" id="password" />
          </label></td>
        </tr>
        <tr>
          <td colspan="2" id="color">
          <div class="btn-group">
          <button class="btn" type="submit">登入</button>
          <button class="btn" type="reset">重新填寫</button>
          </div>
          </td>
        </tr>
      </table>
    </form>
  </div>
</div>

views/user

<html xmlns="http://www.w3.org/1999/xhtml">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>say hi</title>



<p><?=$content;?></p>
<p><?=$name;?></p>

後面OK的在講講會員管理!!

待續....