How to add Hidden Text

User name လိုမ်ဳိး၊ Email လိုမ်ဳိး စာရိုက္တဲ့ေနရာေလးေတြမွာ ရိုက္ရမဲ့စာေတြကို သိေအာင္ျပေပးထားတဲ့ စာေလးေတြကို ထည့္နည္းေလးပါ။
ေအာက္က နမူနာမွာ ၾကည့္လိုက္ပါ။



လုပ္နည္းေလးကေတာ့ Design - Edit HTML ကိုသြားၿပီး </head> ကိုရွာၿပီး အေပၚမွာ ေအာက္က code ေတြကို ထည့္ေပးလိုက္ပါ။

<style type="text/css">
   .displaytext{opacity: 0.5; filter: alpha(opacity = 50);}
   .normaltext{opacity: 1; filter: alpha(opacity = 100); }
   .displayimg{ filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;background:url(hscripts.gif); }
</style>
  
<script type="text/javascript">
  function hiddenText(iid,value,classname)
  {
     document.getElementById(iid).value=value;
     document.getElementById(iid).className=classname;
  }
function displayText(iid,value,classname)
  {
    if(document.getElementById(iid).value =="")
    {
      document.getElementById(iid).value=value;
      document.getElementById(iid).className=classname;
    }
  }
</script>

အသံုးျပဳပံုကေတာ့ ေအာက္မွာ ျပေပးထားပါတယ္။

<input type="text" id="text1" value="Your Text" size="10" class='displaytext' onfocus="hiddenText(this.id,'','normaltext')" onblur="displayText(this.id,'Your Text','displaytext')">

id="text1" ကေတာ့ ေနာက္တစ္ခု ထပ္သံုးရင္ ေျပာင္းေပးရမွာပါ။ အေပၚဆံုးတစ္ခုက text1 ဆိုရင္ ေနာက္တစ္ခု text2,text3 စသျဖင့္ေပါ့။
အနီ နဲ႔ ျပထားတဲ့ ေနရာေတြမွာ သင္ေပၚေစခ်င္တဲ့ စာကိုေျပာင္းေပးရပါမယ္။

---