Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,038

HOME > PHP > PHP Forum > ให้แสดงข้อความใน textbox เหมือนกับ Search Google อ่ะครับ

ให้แสดงข้อความใน textbox เหมือนกับ Search Google อ่ะครับ

เริ่มหัวข้อใหม่

phpbasic

โพสกระทู้ ( 1,579 )
บทความ ( 3 )

คือว่าผมทำแสดง ในช่อง textbox ได้แล้วอ่ะครับ เมื่อมีการคลิก ข้อความที่แสดงก็จะหายไปตรงนี้ก็ได้แล้วอ่ะครับ
แต่ที่อยากได้เพิ่มก็คือ ตอนที่เราเอาเม้าส์ออกจากช่องนั้นให้มันเด้งข้อความมาเหมือนเดิมอ่ะครับ เหมือนกับ
Search Google Custom search อ่ะครับ นี้โค้งที่ทำอยู่ครับ ต้องเพิ่งยังไงดีครับ
ในช่อง textbox ผมใช้ onclick="checktextbox();"

Code (PHP)

<?php
<script language='javascript'>
function checktextbox()
{
if( document.addemail.email.value=='กรุณาใส่ Email')
	{
		document.addemail.email.value='';
	}
}
</script>

?>

อีกนิดหนึ่ง คือว่าถ้าเราไม่ใช้ java แต่จะใช้ php เขียนได้หรือเปล่าครับเงือนไขแบบนี้ถ้าได้ยกตัวอย่างให้ดูหน่อยอ่ะคับ

ขอบคุณก๊าบ

Tag : - - - -

Date : 2009-07-23 11:21:59

By : somparn

View : 6163

Reply : 8

No. 1

ดุนยา

โพสกระทู้ ( 830 )
บทความ ( 0 )

Code (PHP)

<?php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-11" />
	<meta name="author" content="Marosdee" />
<script type="text/javascript">
	function clearValue(obj,text)
	{
		if ( obj.value == text ) obj.value = '';
	}
	function checkValue(obj,text)
	{
		if ( obj.value == '' ) obj.value = text;
	}
</script>
	<title>Untitled 3</title>
</head>

<body>

							<form action="?action=login" method="post" >
								<label for="login-user-name" id="username">ชื่อผู้ใช้</label>
								<input type="text" class="input-text" value="ชื่อผู้ใช้" onblur="checkValue(this,'ชื่อผู้ใช้')" onfocus="clearValue(this,'ชื่อผู้ใช้')" id="login-user-name" name="login-user-name" /><br />
								<label for="login-user-password" id="password">รหัสผ่าน</label>
								<input type="password" class="input-text" value="รหัสผ่าน" onblur="checkValue(this,'รหัสผ่าน')" onfocus="clearValue(this,'รหัสผ่าน')" id="login-user-password" name="login-user-password" />
								<input type="submit" value="ตกลง" /><br />
								<label for="how-long-Login">ระยะเวลา</label>
								<select name="how-long-Login" id="how-long-Login" class="input-select">
									<option value="-1">ชั่วคราว</option>
									<option value="1">7 วัน</option>
									<option value="2">1 เดือน</option>
									<option value="3">3 เดือน</option>
									<option value="4">6 เดือน</option>
									<option value="0">1 ปี</option>
								</select>
							</form>

</body>
</html>
?>

ฮิฮิ

พอได้ปะ

Date : 2009-07-23 12:22:40

By : danya

No. 2

ดุนยา

โพสกระทู้ ( 830 )
บทความ ( 0 )

อธิบายการทำงานนะ

<script type="text/javascript">
function clearValue(obj,text)
{
if ( obj.value == text ) obj.value = '';
}
function checkValue(obj,text)
{
if ( obj.value == '' ) obj.value = text;
}
</script>

แทรกไว้ในหน้านั้นๆ

<input type="text" class="input-text" value="ชื่อผู้ใช้" onblur="checkValue(this,this.defaultValue)" onfocus="clearValue(this,this.defaultValue)" id="login-user-name" name="login-user-name" /><br />

onfocus เมือผุ้ใช้คลิกป้อน ให้เรียกฟังค์ชั่น clearValue พร้อมส่ง obj และ defaultValue ( ค่าเริ่มต้น นั้นคือ ชื่อผุ้ใช้ )

ถ้าคาตรงกัน ให้ล่างค่าซ่ะเลย

onblur ก็ให้เช้คค่า ถ้าค่าว่าง ให้เอาค่า defaultValue ไปใส่แทน อิอิ

พอได้ไอเดียม๊ะ

Date : 2009-07-23 12:27:36

By : danya

No. 3

phpbasic

โพสกระทู้ ( 1,579 )
บทความ ( 3 )

โอพระเจ้าจอดมันยอดมาก
ใจก็อยากจะให้อธิบายตรง function ว่าเขียนยังทำไมมันต่างกับที่ผมเขียนเยอะ พอมีบทความให้ศึกษา
function แบบนี้หรือเปล่าครับ ผมจะได้เข้าไปศึกษาดูครับ คำสั่ง obj,text งงแหะไม่เคยเขียน
แต่ก็ไม่เป็นไรครับเท่าที่เพ่ให้มา ใช้ได้ครับตรงตามที่ต้องการเลยครับ ชอบๆ
Code (PHP)

<?php
<script type="text/javascript"> 
   
function clearValue(obj,text) 
  
{ 
      
if ( obj.value == text ) obj.value = ''; 
   
} 
    
function checkValue(obj,text) 
    
{ 
        
if ( obj.value == '' ) obj.value = text; 
    
} 
</script> 
?>

Date : 2009-07-23 12:41:36

By : somparn

No. 4

phpbasic

โพสกระทู้ ( 1,579 )
บทความ ( 3 )

กำตอบช้ากว่าเพ่ ดุนยา นิดเดียว เพ่มาตอบต่อพร้อมกับคำอธิบายล่ะ ซี้งน้ำใจม๊ากมาก

Date : 2009-07-23 12:43:42

By : somparn

No. 5

ดุนยา

โพสกระทู้ ( 830 )
บทความ ( 0 )

ไม่เป็นไรครับ ๕๕๕+

ให้ใช้ยังงี้แทนนะ

<input type="text" class="input-text" value="ชื่อผู้ใช้" onblur="checkValue(this,this.defaultValue)" onfocus="clearValue(this,this.defaultValue)" id="login-user-name" name="login-user-name" />

ไม่ต้องใช้แบบนี้

<input type="text" class="input-text" value="ชื่อผู้ใช้" onblur="checkValue(this,'ชื่อผู้ใช้')" onfocus="clearValue(this,'ชื่อผู้ใช้')" id="login-user-name" name="login-user-name" />

Date : 2009-07-23 12:51:02

By : danya

No. 6

PlaKriM

โพสกระทู้ ( 11,835 )
บทความ ( 10 )

ของเค้าดีจริงๆ ครับ

Date : 2009-07-23 12:53:56

By : plakrim

No. 7

phpbasic

โพสกระทู้ ( 1,579 )
บทความ ( 3 )

Quote:
ให้ใช้ยังงี้แทนนะ

<input type="text" class="input-text" value="ชื่อผู้ใช้" onblur="checkValue(this,this.defaultValue)" onfocus="clearValue(this,this.defaultValue)" id="login-user-name" name="login-user-name" />

ไม่ต้องใช้แบบนี้

<input type="text" class="input-text" value="ชื่อผู้ใช้" onblur="checkValue(this,'ชื่อผู้ใช้')" onfocus="clearValue(this,'ชื่อผู้ใช้')" id="login-user-name" name="login-user-name" />

2 อันนี้มันใช้เหมือนกันไม่ใช้หรือครับใช้ได้เหมือนกัน แต่มันแรกเพิ่ม defaultValue เข้ามา แต่แบบที่ 2 ไม่มี
แต่ก็ขอบคุณมากครับ

Date : 2009-07-23 13:29:59

By : somparn

No. 8

Wanted

โพสกระทู้ ( 333 )
บทความ ( 0 )

ซูโค่วววว

Date : 2010-04-19 12:30:54

By : deathzap

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : ให้แสดงข้อความใน textbox เหมือนกับ Search Google อ่ะครับ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก