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 প্রতিক্রিয়া বর্তমান বান্ধবকে সম্পূর্ণ বড়বড় প্রদর্শিত হবে。
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-এর নাম/মান রূপে যুক্ত করা
  • নয়াসূচনা: 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 ফর্ম ডাটা পাঠানোর সময় ব্যবহার করা HTTP মেথড
name ফর্ম নাম নির্ধারণ করে
novalidate ফর্ম সমর্থন করার সময় ফর্ম ডাটা পরীক্ষা না করা
rel লিঙ্ক এবং বর্তমান ডকুমেন্টের মধ্যে সম্পর্ক নির্ধারণ করে
target ফর্ম সমর্থন করার পরে প্রাপ্ত প্রতিক্রিয়াটিকে কোথায় দেখাবে নির্ধারণ করে