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

26 March 2009 เขียนเมื่อ 16 ปีก่อน โดย Ninenik Narkdee

jquery ข้อความ

คำสั่ง การ กำหนด รูปแบบ ตัวอย่าง เทคนิค ลูกเล่น การประยุกต์ การใช้งาน เกี่ยวกับ jquery ข้อความ

ดูแล้ว 11,557 ครั้ง

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>

ตัวอย่าง

กด Like หรือ Share เป็นกำลังใจ ให้มีบทความใหม่ๆ เรื่อยๆ น่ะครับ