PHP Ionic Angularjs Phonegap AJAX Javascript CSS MySQL jQuery Forum

กำหนดข้อความเริ่มต้นให้กับ input text ด้วย jquery อย่างง่าย

26 March 2009 By


HTML Code

<form id="form1" name="form1" method="post" action="">
  คำค้น
  <input name="mykeyword" type="text" id="mykeyword" size="50" />
  <input type="submit" name="Submit" value="ค้นหา" />
</form>

Javascript Code

<script language="javascript" src="js/jquery-1.2.6.min.js"></script>
<script type="text/javascript"> 
$(function(){
	var objSet="#mykeyword";
	var objSetText="พิมพ์ข้อความที่นี่";
	if($(objSet).val()==""){
			$(objSet).val(objSetText);
	}	
	$(objSet).focus(function(){
		if($(objSet).val()==objSetText){
				$(objSet).val("");
		}	
	}).blur(function(){
		if($(objSet).val()==""){
				$(objSet).val(objSetText);
		}	
	});
});
</script>


ตัวอย่าง

คำค้น

Tags:: jquery ข้อความ





URL สำหรับอ้างอิง