কম্পিউটার টিউটোরিয়াল

CSS দিয়ে ফোকাসে ইনপুট ফিল্ড ক্লিয়ার করার পদ্ধতি


উদাহরণ

নিচের কোডটি ইনলাইন JavaScript (onfocus) ব্যবহার করে ফোকাস পেলে ইনপুট ফিল্ডের মান ক্লিয়ার করার পদ্ধতি দেখায়:

<!DOCTYPE html>
<html>
<head>
<h1>Clearing an input field on focus example</h1>
<input type="text" onfocus="this.value=''" value="Some random text...">
<h2>Click on the above field to clear its value</h2>
</body>
</html>

আউটপুট

উপরোক্ত কোড নিচের আউটপুটটি তৈরি করবে:

CSS দিয়ে ফোকাসে ইনপুট ফিল্ড ক্লিয়ার করার পদ্ধতি

ফিল্ডে ক্লিক করলে অভ্যন্তরীণ মান ক্লিয়ার হবে:

CSS দিয়ে ফোকাসে ইনপুট ফিল্ড ক্লিয়ার করার পদ্ধতি


  1. CSS দিয়ে স্ক্রোলবার লুকানো

  2. CSS দিয়ে অ্যারো (Arrow) তৈরি

  3. HTML-এ ডেট ফিল্ড সহ ইনপুট টাইপ ফিল্ড কীভাবে ব্যবহার করবেন?

  4. HTML-এ স্টেপসহ ইনপুট টাইপ ফিল্ড কীভাবে ব্যবহার করবেন?