HTML ফরমের ডিফল্ট ভ্যালু এবং অন ফোকাসে তা হাইড করা

অনেক ছোট কিন্তু সুন্দর একটা পোস্ট। আবার অনেক সোজাও। HTML এবং PHP নিয়ে যারা কাজ করেন তাদের কাজে লাগতে পারে। নিচে একটা ওয়েব ফরম দেখেতে পারছেনঃ

উপরে শুধু মাত্র একটা HTML ফরম। নিচে দেখুন, ফরমের ভিতরে একটা ডিফল্ট ভ্যালু।

এখানে যদি কিছু লিখতে চাই তাহলে আগে ডিফল্ট ভ্যালু মুছতে হবে তারপর লিখতে হবে। কিন্তু আমরা ওয়েব সাইটে আরো সুন্দর ফরম দেখি, যে খানে ক্লিক করলে ডিফল্ট ভেলু নিজে নিজেই মুছে যায়। নিছের ফরমটি দেখুনঃ

উপরের ফরমে ক্লিক করে দেখুন।
সুন্দর না?
আর এরকম অনফোকাসে ভ্যালু হাইড করা অনেক সোজা।

নিচের কোড গুলো দেখুনঃ

<input
 type="text"
 value="Name:"
 name="name"
 onblur="if(value=='') value = 'Name:'"
 onfocus="if(value=='Name:') value = ''"
 />

বিদ্রঃ আমার নিজের এসব কিছু ঠিক মত মনে থাকে না। ভুলে গেলে এখান থেকে দেখে নিতে পারব সে জন্যই এ পোস্ট

Leave a Reply