<?php
mysql_connect('localhost','root','root');
mysql_select_db('login_test');
mysql_query("SER NAMES 'utf8'");
//set taiwan zone
date_default_timezone_set('Asia/Taipei');
?>
<?php
include('db_conn.php'); //include db connection 將來可能會用到
?>
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>welcome!</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" href="style.css">
</head>
<body>
<script language="javascript">
$(function(){
$('#submit').mouseover(function(){$(this).css({'background':'black'})});
$('#submit').mouseout(function(){$(this).css({'background':'#5A2626'})});
});
function userlogin(){
<!--先取得欄位值-->
var user_name = $('#user_name').val();
var user_password = $('#user_password').val();
<!--判斷有無正確填寫-->
if(user_name=="" && user_password==""){
$('#error_msg').text('Please enter your ID & password');
return false;
}
if(user_name==""){
$('#error_msg').text('Please enter your ID');
$('#user_name').focus();
return false;
}else if(user_password==""){
$('#error_msg').text('Please enter your password');
$('#user_password').focus();
return false;
};
//真正的ajax動作從這裡開始
$.ajax({
url:"login_chk.php",
data:"user_name="+user_name+"&user_password="+user_password,
type : "POST",
beforeSend:function(){
$('#loading_div').show();
//beforeSend 發送請求之前會執行的函式
},
success:function(msg){
if(msg =="success"){
$('#login_showname').text('Welcome!'+user_name);
$('#login_success').text('You have successfully login!');
$('#login_success').fadeIn();
$('#error_msg').hide();
$('#user_login').hide();
$('#user_logout').fadeIn();
//如果成功登入，就不需要再出現登入表單，而出現登出表單
}else
{
$('#error_msg').show();
$('#error_msg').html('Please Login again,<br/>沒有此用戶或密碼不正確');
}
},
error:function(xhr){
alert('Ajax request 發生錯誤');
},
complete:function(){
$('#loading_div').hide();
//$('#user_login').hide();
//complete請求完成實執行的函式，不管是success或是error
}
});
};
function userlogout(){
$.ajax({
url:"logout.php",
type : "POST",
beforeSend:function(){
$('#loadingout_div').show();
$('#login_success').hide();
$('#error_msg').text('Logout...please wait..');
$('#user_logout').hide();
//beforeSend 發送請求之前會執行的函式
},
success:function(msg){
if(msg=="success"){
$('#user_login').fadeIn();
}else
{
$('#error_msg').html('請在登出一次');
}
},
error:function(xhr){
alert('Ajax request 發生錯誤');
},
complete:function(){
$('#loadingout_div').hide();
$('#user_login').fadeIn();
}
});
}
</script>
<div id="login_block">
<form id="user_login" method="POST">
<table id="login_table">
<tr>
<td>
<label>ID:</label><input type="text" name="user_name" id="user_name"/><br/>
<label>Password:</label><input type="password" name="user_password" id="user_password"/><br/>
<input type='button' id='submit' value='Login' onclick='userlogin();'/>
</td>
</tr>
</table>
</form>
<div id="error_msg"></div>
<form id="user_logout" method="POST" style="display:none;">
<table id="login_table_out">
<tr>
<td>
<span id="login_showname">
<!--放登入狀態-->
</span>
<input type='button' id='submit2' value='Logout' onclick='userlogout();' />
</td>
</tr>
</table>
</form>
<div id="loading_div" style="display:none">
<img src="ajax_loader.gif"><br/>Login...please wait
</div>
<div id="loadingout_div" style="display:none">
<img src="ajax_loader.gif"><br/>Logout...please wait
</div>
<div id="login_success" style="display:none;">
<!--放you are successfully login-->
</div>
</div>
<div id="ft">win design it @ 2012 </div>
</body>
</html>
<?php
session_start();
/* -------------------------- */
/* Check username & password */
/* -------------------------- */
include('db_conn.php');
sleep(1);
$userid = isset($_POST["user_name"]) ? $_POST["user_name"] : $_GET["user_name"];
$password = isset($_POST["user_password"]) ? $_POST["user_password"] : $_GET["user_password"];
$sql = 'SELECT * FROM user WHERE userid = "'.$userid.'" and password="'.$password.'"';
$result = mysql_query($sql);
$row = mysql_fetch_assoc($result);
$record_count = mysql_num_rows($result);
if($record_count<1){
//無資料回傳no data
echo 'no data';
}else{
//若有這筆資料則回傳success
$_SESSION['user_name'] = $userid;
echo 'success';
//echo $row['first_name'].$row['last_name']; for debug use
}
?>
<?php
//unset($_SEEEION['user_name']);
sleep(2);
echo 'success';
?>
/*author : win*/
html{
background:url(./img/bg.jpg) no-repeat center center; min-height:100%;
background-size:cover;
}
#login_block{
background: url(./img/lo_bg.png) no-repeat;
width: 317px;
height: 400px;
margin: 0px auto;
margin-top: 50px;
padding: 82px 10px 10px 51px;
font-family: arial
}
#submit,
#submit2{
background: #5A2626;
border: 0px;
color: white;
padding: 5px 10px;
width: 243px;
margin-top: 10px;
font-size: 18px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;cursor: pointer;
}
#error_msg{
width: 224px;
background: #525150;
display: block;
color: white;
padding: 0px 10px;
font-size: 12px;
margin: 1px;
line-height: 26px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
input[type=text],
input[type=password]{
border: 1px solid white;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 5px;
-moz-box-shadow: 3px 3px 5px #000000;
-webkit-box-shadow: 2px 2px 3px #424242;
box-shadow: 2px 2px 2px #5A5A5A;width: 231px;
}
label{
width: 74px;
display: block;
padding: 3px 3px;
}
#loading_div,
#login_success,
#loadingout_div{
text-align: center;
width: 252px;
margin-top: 10px;
}
#login_success{width: 269px;}
#login_showname{
text-align: center;
margin: 0 auto;
display: block;
}
#ft{
font-family: arial;
font-size: 10px;
text-align: center;
}
su -
| 格式符號 | 功能說明 |
| %0 | 8進位整數 |
| %x | 16進位整數 |
| %f | 浮點數 |
| %c | 單個字元 |
| %d | 10進位整數 |
| %u | 無符號十進位數 |
| %e | 指數表示的實數 |
| %s | 字串 |
#include "stdio.h"
int main(){
printf("i'm win\n");
system("pause");
return 0;
}
//求出體積。
//已知體積為長寬高result = L*W*H
#include "stdio.h"
int main()
{
int L,W,H,result;
printf("請輸入長寬高，並以逗號分開:");
scanf("%d,%d,%d",&L,&W,&H);
result = L*W*H;
printf("計算結果%d\n",result);
system("pause");
return 0;
}
#include//BMI值計算公式: BMI = 體重(公斤) / 身高2(公尺2) int main(){ float h,w; //設定初始值 printf("請輸入您的身高(公尺),體重(kg):"); scanf("%f,%f",&h,&w); float rh = h*h; float mybmi; mybmi = w/rh; printf("你的BMI是 %f",mybmi); system("pause"); return 0; }
#include//計算等差列數前N項的和 //s=a1*n + n*(n-1)*2; int main(){ int a1,n,d,s; printf("請輸入第一項,前n項,以及公差:"); scanf("%d,%d,%d",&a1,&n,&d); s=a1*n+n*(n-1)*d/2; printf("第一項等於%d,前n項等於%d,公差為%d,結果為%d",a1,n,d,s); system("pause"); return 0; }
<input type="file" name="myfile" id="myfile" />
<input type="file" name="myfile" id="myfile" accept="image/*"/><!--只接受影像檔-->
<input type="file" name="myfile" id="myfile" accept="audio/*,video/*,image/*"/>
<!--只接受影像檔，影音檔-->| accept內容 | FireFox | chrome | opera |
| accept="audio/*,video/*,image/*" | 無作用 | 無作用 | 成功只選取audio/video/image類型 |
| accept="image/*" | 成功只選取image類型 | 成功只選取image類型 | 成功只選取image類型 |
| accept="video/*" | 成功只選取video類型 | 成功只選取所有video類型 | 成功只選取video類型 |
| accept="text/*" | 無作用 | 無作用 | 成功只選取text類型 |
| accept="application/*" | 無作用 | 無作用 | 成功只選取application類型 |
| accept="image/gif,image/png 針對MIME_type選取檔案格式 |
無作用 | 只要大於一種，只會顯示"自訂檔" | 成功只選取gif與png類型 |
| accept="image/gif" 針對MIME_type選取只選取gif檔案格式 |
無作用 | 成功只出現gif檔案格式 | 成功只選取gif類型 |
| accept="application/pdf" 針對MIME_type選取只選取pdf檔案格式 |
無作用 | 成功只出現pdf檔案格式 | 成功只選取pdf類型 |
| accept="application/pdf,image/gif" 針對MIME_type選取只選取pdf與gif檔案格式 |
無作用 | 無作用 | 成功只選取pdf與gif類型 |
| 用你現在的瀏覽器，可測試 | accept內容 |
| accept="audio/*,video/*,image/*" | |
| accept="image/*" | |
| accept="video/*" | |
| accept="text/*" | |
| accept="application/*" | |
| accept="image/gif,image/png 針對MIME_type選取檔案格式 |
|
| accept="image/gif" 針對MIME_type選取只選取gif檔案格式 |
|
| accept="application/pdf" 針對MIME_type選取只選取pdf檔案格式 |
|
| accept="application/pdf,image/gif" 針對MIME_type選取只選取pdf與gif檔案格式 |