কম্পিউটার

জাভাস্ক্রিপ্ট দিয়ে টেক্সট বক্স নির্বাচন করা কি সম্ভব?


হ্যাঁ, Select() পদ্ধতি ব্যবহার করে JavaScript সহ পাঠ্য বক্স নির্বাচন করুন। প্রথমে, আসুন একটি ইনপুটটেক্সট −

তৈরি করি
Enter your Name:<input type="text" id="txtName" value="John">
<br>
<button type="button" onclick="check()">Select Text Box</button>

এখন, বোতাম ক্লিক −

-এ টেক্সট বক্স নির্বাচন করা যাক

উদাহরণ

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
Enter your Name:<input type="text" id="txtName" value="John">
<br>
<button type="button" onclick="check()">Select Text Box</button>
<script>
   function check(){
      document.getElementById("txtName").select();
   }
</script>
</body>
</html>

উপরের প্রোগ্রামটি চালানোর জন্য, ফাইলের নাম "anyName.html(index.html)" সংরক্ষণ করুন এবং ফাইলটিতে ডান ক্লিক করুন। ভিএস কোড এডিটরে "লাইভ সার্ভারের সাথে খুলুন" বিকল্পটি নির্বাচন করুন৷

আউটপুট

এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

জাভাস্ক্রিপ্ট দিয়ে টেক্সট বক্স নির্বাচন করা কি সম্ভব?

আপনি যখন "টেক্সট বক্স নির্বাচন করুন" বোতামটি ক্লিক করবেন, এটি পাঠ্য বাক্সটি নির্বাচন করবে। এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

জাভাস্ক্রিপ্ট দিয়ে টেক্সট বক্স নির্বাচন করা কি সম্ভব?


  1. কিভাবে CSS এবং JavaScript দিয়ে কাস্টম সিলেক্ট বক্স তৈরি করবেন?

  2. কিভাবে জাভাস্ক্রিপ্ট দিয়ে টেক্সট টগল করবেন?

  3. জাভাস্ক্রিপ্টের সাথে নির্দিষ্ট পাঠ্য ধারণ করে ডিভ লুকান?

  4. কিভাবে জাভাস্ক্রিপ্ট দিয়ে <strong> ট্যাগে টেক্সট সেট করবেন?