HTML DOM ফর্ম পদ্ধতি বৈশিষ্ট্য একটি ফর্ম উপাদানের পদ্ধতি বৈশিষ্ট্যের সাথে যুক্ত। কিভাবে ফর্ম ডেটা সার্ভারে পাঠানো উচিত তা উল্লেখ করার জন্য এই সম্পত্তি ব্যবহার করা হয়। ডেটা পাঠানোর ঠিকানা অ্যাকশন অ্যাট্রিবিউট দ্বারা নির্দিষ্ট করা হয়। এই সম্পত্তি ফর্ম পদ্ধতি সম্পত্তি মান সেট বা পায়।

সিনট্যাক্স

−

-এর সিনট্যাক্স নিচে দেওয়া হল

পদ্ধতি বৈশিষ্ট্য সেট করা হচ্ছে -

formObject.method =get|post;

এখানে, get হল ডিফল্ট পদ্ধতি এবং url-এ ফর্ম-ডেটা যুক্ত করে। যেমন:URL?name=value&name=value. এটি সাধারণত নিরাপদ নয় এবং ব্যক্তিগত নয় এমন ডেটার জন্য ব্যবহার করা যেতে পারে। ব্যবহারকারী url স্ট্রিং দেখে পাঠানো ডেটা দেখতে পারে৷

দ্বিতীয় পদ্ধতির পোস্টটি HTTP পোস্ট লেনদেন হিসাবে ডেটা পাঠায় এবং সাধারণত নিরাপদ, যেহেতু এটি সার্ভারে পাঠানোর সময় কেউ ডেটা দেখতে পারে না৷

উদাহরণ

আসুন আমরা ফর্ম মেথড প্রপার্টি −

এর একটি উদাহরণ দেখি

ফর্ম দৈর্ঘ্য সম্পত্তি উদাহরণ

পদ্ধতি বৈশিষ্ট্য পরিবর্তন করুন নিচের বোতামে ক্লিক করে উপরের ফর্মের মান

আউটপুট

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

তৈরি করবে

HTML DOM ফর্ম পদ্ধতি সম্পত্তি

সাবমিট বোতামে ক্লিক করলে এবং URL-

দেখুন

127.0.0.1:5500/sample_page.php

"পরিবর্তন" বোতামে ক্লিক করলে -

HTML DOM ফর্ম পদ্ধতি সম্পত্তি

এখনই সাবমিট বোতামে ক্লিক করুন এবং লিঙ্কটি দেখুন।

127.0.0.1:5500/sample_page.php?usrN=USER2&Age=22

উপরের উদাহরণে -

আমরা প্রথমে একটি ফর্ম তৈরি করেছি যাতে id=“FORM1”, method=“post” এবং action attribute মান আছে “/sample_page.php”। এখানে মেথড অ্যাট্রিবিউট ভ্যালু পোস্ট নিশ্চিত করে যে ফর্ম ডেটা নিরাপদে স্থানান্তরিত হয়েছে এবং সবাই দেখে না। ফর্মটিতে টাইপ টেক্সট সহ দুটি ইনপুট ক্ষেত্র রয়েছে এবং সার্ভারে ফর্ম ডেটা জমা দেওয়ার জন্য একটি জমা বোতাম রয়েছে৷

ব্যবহারকারীর নাম  

বয়স

তারপরে আমরা একটি "পরিবর্তন" বোতাম তৈরি করেছি যা ব্যবহারকারী দ্বারা ক্লিক করলে changeMethod() ফাংশনটি কার্যকর করবে৷

ChangeMethod() ফাংশন ডকুমেন্ট অবজেক্ট getElementById() মেথড ব্যবহার করে ফর্ম এলিমেন্ট পায় এবং এর মেথড অ্যাট্রিবিউট ভ্যালু সেট করে “গেট”। মান পরিবর্তন করে "পেতে" মানে ব্যবহারকারীর ডেটা এখন ইউআরএলে প্রদর্শিত হতে পারে। আইডি "নমুনা" সহ একটি অনুচ্ছেদের অভ্যন্তরীণ HTML বৈশিষ্ট্য ব্যবহার করে আমরা এই পরিবর্তন সম্পর্কে উদ্দেশ্যমূলক পাঠ্য প্রদর্শন করি -

ফাংশন চেঞ্জমেথড() { document.getElementById("FORM1").method="get"; document.getElementById("Sample").innerHTML ="ফর্ম পদ্ধতি 'পোস্ট' থেকে 'গেট' এ পরিবর্তিত হয়েছে ";}