একটি ফর্ম বা একটি প্রশ্নাবলী তৈরি করার সময়, একটি নির্দিষ্ট ক্ষেত্রে একটি ব্যবহারকারী-ইনপুট মান বরাদ্দ করার প্রয়োজন হতে পারে৷ উদাহরণস্বরূপ, গোপনীয় এন্ট্রি যুক্ত করা, যেমন, একটি পাসওয়ার্ড বা একটি এনকোড করা মান ব্যবহার করার জন্য। এই ধরনের ক্ষেত্রে, জাভাস্ক্রিপ্টের মাধ্যমে একটি লুকানো ইনপুট উপাদানের মান সেট করা ডেটা নিরাপদ এবং সুরক্ষিত রাখতে সহায়তা করে।
এই ব্লগটি জাভাস্ক্রিপ্টের মাধ্যমে একটি লুকানো ইনপুট ক্ষেত্রের মান সেট করার পদ্ধতি নিয়ে আলোচনা করবে
জাভাস্ক্রিপ্টের মাধ্যমে একটি লুকানো ইনপুট ফিল্ডের মান কিভাবে সেট করবেন?
জাভাস্ক্রিপ্টের মাধ্যমে লুকানো ইনপুট ফিল্ডের মান সেট করতে, নীচে বর্ণিত পদ্ধতিগুলি প্রয়োগ করুন:
পদ্ধতি 1: innerHTML প্রপার্টির মাধ্যমে লুকানো উপাদানের মান সেট করুন
দ্য ' innerHTML ” সম্পত্তি উপাদানটির HTML সামগ্রী প্রদান করে। এই বৈশিষ্ট্যটি বরাদ্দকৃত লুকানো ইনপুট ক্ষেত্রে ব্যবহারকারী-সংজ্ঞায়িত মান সেট এবং যুক্ত করতে ব্যবহার করা যেতে পারে।
বাক্য গঠন:
element.innerHTML = পাঠ্য
উপরের সিনট্যাক্সে, ' উপাদান ' এর সাথে যুক্ত করা প্রয়োজন এমন উপাদানকে বোঝায় ' পাঠ্য 'মান।
উদাহরণ
আসুন নীচের উল্লিখিত উদাহরণের মধ্য দিয়ে যাওয়া যাক:
< ইনপুট প্রকার = 'গোপন' আইডি = 'লুকানো উপাদান' মান = '' >< লিপি >
দিন myInput = প্রম্পট ( 'অনুগ্রহ করে আপনার পাঠ্য লিখুন' , '' ) ;
যদি ( আমার ইনপুট ! = শূন্য ) {
দিন x = document.getElementById ( 'লুকানো উপাদান' ) .innerHTML = 'লুকানো উপাদানের মান হল:' + myInput;
সতর্ক ( এক্স )
}
লিপি >
উপরের কোড ব্লকে:
- প্রথমত, বিবৃত বৈশিষ্ট্য সহ ইনপুট ক্ষেত্র তৈরি করুন।
- দ্য ' প্রকার 'মান সহ বৈশিষ্ট্য' গোপন ” বোঝায় যে এটি একটি লুকানো ক্ষেত্র৷
- এর পরে, ' শীঘ্র ” ডায়ালগ বক্স ব্যবহারকারীর কাছ থেকে একটি মান নেয়।
- এখন, ব্যবহারকারী-সংজ্ঞায়িত মানের উপর একটি চেক প্রয়োগ করুন যেমন এটি 'না' শূন্য ' ব্যবহার করে ' যদি 'শর্ত।
- অবশেষে, এর দ্বারা লুকানো ইনপুট ক্ষেত্র অ্যাক্সেস করুন ' আইডি ' ব্যবহার করে ' getElementById() ' পদ্ধতি এবং 'এর মাধ্যমে এটিতে ব্যবহারকারী-সংজ্ঞায়িত মান সেট করুন innerHTML 'সম্পত্তি।
- অবশেষে, একটি সতর্কতার মাধ্যমে সংযুক্ত মান প্রদর্শন করুন।
আউটপুট
যেমন পর্যবেক্ষণ করা হয়েছে, ব্যবহারকারী-ইনপুট মানটি লুকানো ইনপুট ক্ষেত্রে যুক্ত করা হয়েছে।
পদ্ধতি 2: jQuery অ্যাপ্রোচ ব্যবহার করে লুকানো উপাদানের মান সেট করুন
এই পদ্ধতিতে, jQuery এর ' ভাল() ” পদ্ধতিটি লুকানো ইনপুট ক্ষেত্রে দৃশ্যমান ইনপুট টেক্সট ক্ষেত্রের মান বরাদ্দ করতে ব্যবহার করা হবে।
উদাহরণ
চলুন নিম্নলিখিত কোড ওভারভিউ করা যাক:
< পি > মান লিখুন জন্য লুকানো উপাদান পি >< ইনপুট আইডি = 'আমার ইনপুট' মান = '' প্রকার = 'পাঠ্য' />< br >
< ইনপুট আইডি = 'লুকানো উপাদান' প্রকার = 'গোপন' মান = '' />
< br >
< বোতাম আইডি = 'btnShow' > জমা দিন বোতাম >
< লিপি src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js' >> লিপি >
< লিপি >
$ ( '#btn দেখান' ) .চালু ( 'ক্লিক' , ফাংশন ( ) {
দিন inputValue = $ ( '#আমার ইনপুট' ) .val ( ) ;
$ ( '# লুকানো উপাদান' ) .val ( ইনপুট ভ্যালু ) ;
সতর্ক ( 'লুকানো উপাদানের মান হল:' + ইনপুট মান ) ;
} ) ;
লিপি >
কোডের উপরের লাইনগুলিতে:
- প্রথমত, উল্লেখিত গুণাবলী সহ একটি ইনপুট পাঠ্য ক্ষেত্র অন্তর্ভুক্ত করুন।
- একইভাবে, অন্য একটি লুকানো ইনপুট ক্ষেত্র বরাদ্দ করুন, যা এর থেকে স্পষ্ট প্রকার ” বৈশিষ্ট্য।
- যোগ করা হয়েছে
- এর পরে, 'এর সাহায্যে jQuery লাইব্রেরি অন্তর্ভুক্ত করুন src 'এ বৈশিষ্ট্য' ট্যাগ
- জেএস কোডে, তৈরি বোতামটি অ্যাক্সেস করুন এবং সংযুক্ত করুন “ চালু() ” পদ্ধতির সাহায্যে ফাংশনটি চালানোর জন্য বোতামে ক্লিক করুন।
- ফাংশনের সংজ্ঞায়, দৃশ্যমান ইনপুট অ্যাক্সেস করুন ' পাঠ্য 'ক্ষেত্র এবং ' ব্যবহার করে এর মান আনুন ভাল() 'পদ্ধতি।
- পরবর্তী ধাপে, আনা মানটি লুকানো ইনপুটে বরাদ্দ করা হবে “ পাঠ্য 'ক্ষেত্র' এর মাধ্যমে ভাল() 'পদ্ধতি।
- অবশেষে, 'এ বরাদ্দকৃত ফলাফলের মান প্রদর্শন করুন লুকানো ইনপুট ক্ষেত্র 'একটি সতর্কতার মাধ্যমে।
আউটপুট
উপরের আউটপুটে দেখা যাবে যে দৃশ্যমান ইনপুটের মান “ পাঠ্য 'ক্ষেত্র বরাদ্দ করা হয় ' গোপন ” ইনপুট ক্ষেত্র।
উপসংহার
জাভাস্ক্রিপ্টের মাধ্যমে একটি লুকানো ইনপুট ক্ষেত্রের মান সেট করতে, প্রয়োগ করুন “ innerHTML ' সম্পত্তি বা jQuery ' ভাল() 'পদ্ধতি। অভ্যন্তরীণ এইচটিএমএল বৈশিষ্ট্যটি ব্যবহারকারী-সংজ্ঞায়িত মান যুক্ত করে পছন্দসই কার্যকারিতা প্রয়োগ করতে ব্যবহার করা যেতে পারে। val() পদ্ধতিটি লুকানো ইনপুট ক্ষেত্রে দৃশ্যমান ইনপুট পাঠ্য ক্ষেত্রের মান বরাদ্দ করতে প্রয়োগ করা যেতে পারে এই ব্লগটি JavaScript এর মাধ্যমে একটি লুকানো ইনপুট ক্ষেত্রের মান সেট করার পদ্ধতি নিয়ে আলোচনা করেছে।