HTML ফর্ম বৈশিষ্ট্য

এই চপ্তরে HTML পরিচয় করা হবে <form> ইলিমেন্টের বিভিন্ন অ্যাট্রিবিউট

Action অ্যাট্রিবিউট

action অ্যাট্রিবিউট প্রদান করা হলে, ফর্ম সম্পাদন করার কৃত্য নির্দিষ্ট করে。

সাধারণত, যখন ব্যবহারকারী "প্রদান" বাটনটি ক্লিক করে, ফর্ম ডাটা সার্ভারের ফাইলে পাঠানো হবে。

নিম্নলিখিত উদাহরণে, ফর্ম ডাটা "action_page.php"-নামক ফাইলে পাঠানো হয়। এই ফাইলটি ফর্ম ডাটা প্রক্রিয়াজাতকরণ করা সার্ভার সক্রিয়করণ স্ক্রিপ্ট ধারণ করে:

প্রদর্শন

ফর্ম প্রদানের পর, ফর্ম ডাটা "action_page.php"-এ পাঠানো হবে:

<form action="/action_page.php">
  <label for="fname">প্রথম নাম:</label><br>
  <input type="text" id="fname" name="fname" value="Bill"><br>
  <label for="lname">পরবর্তী নাম:</label><br>
  <input type="text" id="lname" name="lname" value="Gates"><br><br>
  <input type="submit" value="Submit">
</form>

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

সূচনা:যদি action অ্যাট্রিবিউট সংক্ষেপিত করা হয়, তবে action-কে বর্তমান পৃষ্ঠায় সংযোজিত করা হবে。

Target প্রতিশব্দ

target এটি ফর্ম সমর্থন পাঠানোর পরে প্রতিক্রিয়াটি কোথায় দেখা যাবে নির্দেশ করে

target এটি নিম্নলিখিত মানের একটি নির্ধারণ করতে পারে:

মান বর্ণনা
_blank প্রতিক্রিয়া একটি নতুন উইন্ডো বা ট্যাবে দেখা যাবে。
_self প্রতিক্রিয়া বর্তমান উইন্ডোতে দেখা যাবে。
_parent প্রতিক্রিয়া পিতৃক্রমক ফ্রেমে দেখা যাবে。
_top প্রতিক্রিয়া উইন্ডোর সমগ্র body-তে দেখা যাবে。
framename প্রতিক্রিয়া নামকৃত iframe-এ দেখা যাবে。

ডিফল্ট মান _selfএর মানে, প্রতিক্রিয়া বর্তমান উইন্ডোতে খুলবে。

প্রদর্শন

এখানে, সমর্থন পাঠানোর ফলাফল একটি নতুন ব্রাউজার ট্যাবে খুলবে:

<form action="/action_page.php" target="_blank">

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

Method প্রতিশব্দ

method প্রতিশব্দ সমর্থন পাঠানোর সময় ব্যবহার করতে হবে HTTP পদ্ধতি

ফর্ম ডাটা URL ভিত্তিক পরিবর্তন (ব্যবহার করে) method="get"বা HTTP post ঘটনা (ব্যবহার করে) method="post"পাঠানো হবে।

ফর্ম ডাটা সমর্থন পাঠানোর সময় ডিফল্ট HTTP পদ্ধতি GET

প্রদর্শন

এই উদাহরণটি ফর্ম ডাটা সমর্থন পাঠানোর সময় GET পদ্ধতি ব্যবহার করে:

<form action="/action_page.php" method="get">

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

প্রদর্শন

এই উদাহরণটি ফর্ম ডাটা সমর্থন পাঠানোর সময় POST পদ্ধতি ব্যবহার করে:

<form action="/action_page.php" method="post">

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

GET-এর বিষয়ে সূচনা:

  • ফর্ম ডাটা URL-এর মাধ্যমে নাম/মান প্যার ফরমে যোগ করা (পাঠানো ফর্ম ডাটা URL-এ দেখা যাবে)
  • নিশ্চিতভাবে GET-এর মাধ্যমে সংযোগযোগী তথ্য পাঠানো না করুন! (পাঠানো ফর্ম ডাটা URL-এ দেখা যাবে!)
  • URL-এর দৈর্ঘ্য সীমাবদ্ধ (2048 অক্ষর)
  • ব্যবহারকারীর ইচ্ছা মতো ফর্ম সমর্থন পাঠানোর জন্য বিশেষভাবে উপযুক্ত
  • GET নিরাপদ ডাটা, যেমন Google-এর কোরিয়ালস্ট্রিং, ব্যবহার করা যায়

POST-এর বিষয়ে সূচনা:

  • ফর্ম ডাটা HTTP রিকোর্ডের মূল পাঠে যোগ করা (পাঠানো ফর্ম ডাটা URL-এ দেখা যাবে না)
  • পোস্ট কোনো আকার সীমানা নেই, বড় পরিমাণের ডাটা পাঠানোর জন্য ব্যবহার করা যায়。
  • পোস্ট সহ ফর্ম সমর্থন না করে, বুকমার্ক যোগ করা যাবে না

সূচনা:যদি ফর্ম ডাটা সংযোগযোগী তথ্য বা ব্যক্তিগত তথ্য ধারণ করছে, তবে অবশ্যই POST ব্যবহার করুন!

Autocomplete প্রতিশব্দ

autocomplete এটি ফর্মটি স্বয়ংক্রিয় পূরণ করার ফিচারটি সক্রিয় করা উচিত কি না বলে নির্দেশ করে。

স্বয়ংক্রিয় পূরণ করার ফিচার সক্রিয় করার পর, ব্রাউজার ব্যবহারকারীর আগের ইনপুট মান অনুযায়ী মান পূরণ করবে。

প্রদর্শন

স্বয়ংক্রিয় পূরণ করার ফর্ম সক্রিয় করুন:

<form action="/action_page.php" autocomplete="on">

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

Novalidate অ্যাট্রিবিউট

novalidate অ্যাট্রিবিউট একটি বলীয়ান অ্যাট্রিবিউট

যদি নির্ধারিত হয়েছে, তবে ফর্ম তথ্যকে প্রেরণকালে পরীক্ষা করবে না

প্রদর্শন

novalidate অ্যাট্রিবিউট নির্ধারিত না করা ফর্ম:

<form action="/action_page.php" novalidate>

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

সকল <form> অ্যাট্রিবিউটসের তালিকা

অ্যাট্রিবিউট বর্ণনা
accept-charset ফর্ম প্রেরণ করার সময় কোনো চার্যৎসংকেত ব্যবহৃত হবে
action ফর্ম প্রেরণ করার সময় ফর্ম তথ্যকে কোথায় প্রেরণ করা হবে নির্দিষ্ট করে
autocomplete ফর্মকে অটোকম্প্লিট (পূর্ণ) ফংশন সক্রিয় করা হবে কিনা নির্দিষ্ট করে
enctype ফর্ম তথ্যকে সার্ভারে প্রেরণ করার সময় কীভাবে এনকোড করা হবে নির্দিষ্ট করে (শুধুমাত্র method="post" ক্ষেত্রে)
method ফর্ম তথ্য প্রেরণ করার সময় কোনো স্পষ্ট এইচটিপিএস পদ্ধতি ব্যবহার করা হবে
name ফর্ম নাম নির্দিষ্ট করে
novalidate প্রেরণকালে, ফর্ম তথ্যকে পরীক্ষা করবে না
rel লিঙ্ক এবং বর্তমান ডকুমেন্টের মধ্যে সম্পর্ক নির্দিষ্ট করে
target ফর্ম প্রেরণ করার পরে, প্রাপ্ত প্রতিক্রিয়াটিকে কোথায় দেখাবে নির্দিষ্ট করে