Forms এবং Controls (Buttons, TextBoxes, Labels)

Web Development - ভিবিস্ক্রিপ্ট (VBScript) - সেটিং এবং ব্যবহারকারীর ইন্টারফেস
180

VBScript সাধারণত ওয়েব ডেভেলপমেন্টে ব্যবহৃত হলেও, এটি HTML ফর্ম এবং কন্ট্রোলস (যেমন বাটন, টেক্সটবক্স, লেবেল) নিয়ন্ত্রণ করার জন্য একটি শক্তিশালী স্ক্রিপ্টিং ভাষা। ফর্ম এবং কন্ট্রোলস ব্যবহার করে আপনি ব্যবহারকারীর ইনপুট গ্রহণ করতে পারেন এবং সেই ইনপুটগুলির উপর ভিত্তি করে বিভিন্ন কাজ সম্পাদন করতে পারেন।

এখানে আমরা VBScript ব্যবহার করে HTML ফর্ম এবং কন্ট্রোলস (বাটন, টেক্সটবক্স, লেবেল) কিভাবে কাজ করে তা দেখব।


ফর্ম (Form)

HTML ফর্মগুলি ব্যবহারকারী থেকে ইনপুট গ্রহণ করার জন্য ব্যবহৃত হয়। VBScript এর মাধ্যমে ফর্মের ইনপুট নিয়ন্ত্রণ এবং প্রসেস করা যায়। একটি ফর্মের মধ্যে বিভিন্ন কন্ট্রোলস (যেমন বাটন, টেক্সটবক্স, রেডিও বাটন) থাকতে পারে।

ফর্ম তৈরি করার উদাহরণ:

<!DOCTYPE html>
<html>
<head>
    <title>VBScript Form Example</title>
    <script type="text/vbscript">
        Sub DisplayMessage()
            MsgBox "আপনি ফর্মটি সাবমিট করেছেন!"
        End Sub
    </script>
</head>
<body>

    <form>
        <label for="name">আপনার নাম:</label>
        <input type="text" id="name" name="name">
        <br><br>
        <button type="button" onclick="DisplayMessage()">ফর্ম সাবমিট</button>
    </form>

</body>
</html>

এখানে, একটি সাদামাটা ফর্ম তৈরি করা হয়েছে যেখানে একটি টেক্সটবক্স এবং একটি বাটন রয়েছে। বাটনে ক্লিক করলে DisplayMessage() সাবরুটিনটি কল হবে এবং একটি বার্তা প্রদর্শন করবে।


কন্ট্রোলস (Controls)

১. বাটন (Button)

বাটন হল একটি কন্ট্রোল যা ব্যবহারকারীকে কোনো কার্যক্রম সম্পাদন করতে সক্ষম করে। উদাহরণস্বরূপ, ব্যবহারকারী যদি ফর্ম সাবমিট করতে চায়, তবে তারা একটি বাটন ক্লিক করবে।

বাটন উদাহরণ:

<button type="button" onclick="DisplayMessage()">ক্লিক করুন</button>

এখানে, onclick ইভেন্ট হ্যান্ডলার ব্যবহার করে একটি VBScript সাবরুটিন কল করা হয়েছে।

২. টেক্সটবক্স (TextBox)

টেক্সটবক্স হল একটি ইনপুট কন্ট্রোল যা ব্যবহারকারীকে টেক্সট ইনপুট দেওয়ার সুযোগ দেয়। VBScript ব্যবহার করে টেক্সটবক্সে ব্যবহারকারীর ইনপুট গ্রহণ করা সম্ভব।

টেক্সটবক্স উদাহরণ:

<label for="username">ব্যবহারকারীর নাম:</label>
<input type="text" id="username" name="username">

এখানে, username নামক একটি টেক্সটবক্স তৈরি করা হয়েছে যেখানে ব্যবহারকারী নাম প্রবেশ করাতে পারেন।

৩. লেবেল (Label)

লেবেল হল একটি কন্ট্রোল যা টেক্সট প্রদর্শন করে এবং এটি সাধারণত ইনপুট কন্ট্রোলের পাশে থাকে। VBScript ব্যবহার করে আপনি লেবেলের টেক্সট পরিবর্তন করতে পারেন।

লেবেল উদাহরণ:

<label id="outputLabel">এটি একটি লেবেল</label>

এখানে, outputLabel একটি লেবেল তৈরি করা হয়েছে, যা আপনাকে VBScript দ্বারা পরিবর্তন করতে দেওয়া হবে।


VBScript দিয়ে Forms এবং Controls নিয়ন্ত্রণ করা

VBScript ব্যবহার করে ফর্মের কন্ট্রোলের মান (যেমন টেক্সটবক্সে প্রবেশ করা মান) নিয়ে কাজ করা যায়। নিচে একটি উদাহরণ দেওয়া হল যেখানে একটি টেক্সটবক্সে প্রবেশ করা নাম একটি লেবেলে প্রদর্শন করা হবে:

<!DOCTYPE html>
<html>
<head>
    <title>VBScript Form and Controls Example</title>
    <script type="text/vbscript">
        Sub DisplayName()
            Dim username
            username = document.getElementById("username").value
            document.getElementById("outputLabel").innerText = "স্বাগতম, " & username
        End Sub
    </script>
</head>
<body>

    <form>
        <label for="username">আপনার নাম:</label>
        <input type="text" id="username" name="username">
        <br><br>
        <button type="button" onclick="DisplayName()">ফর্ম সাবমিট</button>
        <br><br>
        <label id="outputLabel">এটি একটি লেবেল</label>
    </form>

</body>
</html>

এখানে:

  • একটি টেক্সটবক্সে ব্যবহারকারী নাম প্রবেশ করেন।
  • একটি বাটনে ক্লিক করলে DisplayName() ফাংশনটি কল হয়।
  • ফাংশনটি টেক্সটবক্স থেকে নাম গ্রহণ করে এবং সেটি লেবেলে প্রদর্শন করে।

ফর্মে ইভেন্ট হ্যান্ডলিং

ফর্মের কন্ট্রোলস (যেমন বাটন, টেক্সটবক্স) এ ইভেন্ট হ্যান্ডলার যুক্ত করা VBScript এর মাধ্যমে সহজেই করা যায়। ইভেন্ট হ্যান্ডলার যেমন onclick, onchange, onfocus ইত্যাদি ব্যবহার করে আপনি ফর্মের ইনপুট এবং কন্ট্রোলের প্রতিক্রিয়া পরিচালনা করতে পারেন।

উদাহরণ: টেক্সটবক্সে ইনপুট বদলানোর সাথে সাথে বার্তা প্রদর্শন করা

<!DOCTYPE html>
<html>
<head>
    <title>TextBox Change Event</title>
    <script type="text/vbscript">
        Sub DisplayMessage()
            Dim userInput
            userInput = document.getElementById("name").value
            document.getElementById("messageLabel").innerText = "আপনি লিখেছেন: " & userInput
        End Sub
    </script>
</head>
<body>

    <label for="name">আপনার নাম:</label>
    <input type="text" id="name" name="name" onchange="DisplayMessage()">
    <br><br>
    <label id="messageLabel">এটি একটি লেবেল</label>

</body>
</html>

এখানে, যখন ব্যবহারকারী টেক্সটবক্সে কিছু লিখে onchange ইভেন্ট হ্যান্ডলারটি ট্রিগার হবে এবং ফাংশনটি লেবেলে বার্তা প্রদর্শন করবে।


সারাংশ

VBScript এর মাধ্যমে আপনি HTML ফর্ম এবং কন্ট্রোলস (যেমন বাটন, টেক্সটবক্স, লেবেল) ব্যবহার করে ইন্টারঅ্যাকটিভ ওয়েব পেজ তৈরি করতে পারেন। ফর্ম এবং কন্ট্রোলস ব্যবহারকারী থেকে ইনপুট গ্রহণ করার জন্য ব্যবহৃত হয় এবং VBScript এর মাধ্যমে আপনি এই ইনপুটগুলি প্রক্রিয়া এবং প্রদর্শন করতে পারবেন।

Content added By
Promotion
NEW SATT AI এখন আপনাকে সাহায্য করতে পারে।

Are you sure to start over?

Loading...