HTML form Attribute

HTML
উপাদান বৈশিষ্ট্য

HTML-এ

উপাদানের জন্য বিভিন্ন বৈশিষ্ট্য উপলব্ধ রয়েছে যা নীচে দেওয়া হল:

এইচটিএমএল অ্যাকশন অ্যাট্রিবিউট

উপাদানের অ্যাকশন অ্যাট্রিবিউট ফর্ম জমা দেওয়ার সময় ফর্মে সম্পাদিত প্রক্রিয়াটিকে সংজ্ঞায়িত করে, অথবা ফর্ম তথ্য প্রক্রিয়া করার জন্য এটি একটি URI।

অ্যাকশন অ্যাট্রিবিউট মান ওয়েব পৃষ্ঠাকে সংজ্ঞায়িত করে যেখানে তথ্য এগিয়ে যায়। এটি হতে পারে .php, .jsp, .asp, ইত্যাদি অথবা যেকোন URL যেখানে আপনি আপনার ফর্ম প্রক্রিয়া করতে চান৷

দ্রষ্টব্য: যদি কর্ম বৈশিষ্ট্যের মান ফাঁকা থাকে তবে ফর্মটি একই পৃষ্ঠায় প্রক্রিয়া করতে হবে।

উদাহরণ:

 
  1. <form action=“action.html" method=“post">  
  2. <label>User Name:label><br>  
  3. <input type=“text" name=“name"><br><br>  
  4. <label>User Passwordlabel><br>  
  5. <input type=“password" name=“pass"><br><br>  
  6.  <input type=“submit">  
  7.    form>  

আউটপুট:

Demo of action attribute of form element



আপনি সাবমিট বোতামে ক্লিক করলে এটি একটি নতুন পৃষ্ঠা “action.html" এ পুনঃনির্দেশিত হবে

এইচটিএমএল পদ্ধতি বৈশিষ্ট্য

পদ্ধতি বৈশিষ্ট্য HTTP পদ্ধতি সংজ্ঞায়িত করে কোন ব্রাউজারটি ফর্ম জমা দিতে ব্যবহার করেছিল। পদ্ধতি বৈশিষ্ট্যের সম্ভাব্য মানগুলি হতে পারে:

পোস্ট: আমরা যখন সংবেদনশীল ডেটা প্রসেস করতে চাই তখন মেথড অ্যাট্রিবিউটের পোস্ট ভ্যালু ব্যবহার করতে পারি কারণ এটি ইউআরএলে জমা দেওয়া ডেটা প্রদর্শন করে না।

উদাহরণ:

  1. form action=“action.html" method=“post">  
  • get: ফর্ম জমা দেওয়ার সময় মেথড অ্যাট্রিবিউটের get মান ডিফল্ট মান। কিন্তু এটি নিরাপদ নয় কারণ এটি ফর্ম জমা দেওয়ার পরে URL-এ ডেটা প্রদর্শন করে।
  • উদাহরণ:
 
  1.  action=“action.html" method=“get">  

ডেটা জমা দেওয়ার সময়, এটি প্রবেশ করা ডেটা এই আকারে প্রদর্শন করবে:

 
  1. file:///D:/HTML/action.html?name=JavaTPoint&pass=123  

HTML টার্গেট অ্যাট্রিবিউট

লক্ষ্য বৈশিষ্ট্য ফর্ম জমা দেওয়ার পরে প্রতিক্রিয়া কোথায় খুলতে হবে তা নির্ধারণ করে। নিচের টার্গেট অ্যাট্রিবিউটের সাথে ব্যবহৃত কীওয়ার্ডগুলো রয়েছে।

_self: যদি আমরা _self একটি বৈশিষ্ট্য মান হিসাবে ব্যবহার করি, তাহলে প্রতিক্রিয়া শুধুমাত্র বর্তমান পৃষ্ঠায় প্রদর্শিত হবে।

উদাহরণ:

  1.  action=“action.html" method=“get" target=“_self">  
  • _blank: যদি আমরা একটি বৈশিষ্ট্য হিসাবে _blank ব্যবহার করি তবে এটি একটি নতুন পৃষ্ঠায় প্রতিক্রিয়া লোড করবে।
  • উদাহরণ:
 
  1.  action=“action.html" method=“get" target=“_blank">  
  2.  

HTML স্বয়ংসম্পূর্ণ বৈশিষ্ট্য

HTML স্বয়ংসম্পূর্ণ বৈশিষ্ট্য হল HTML5 এর একটি নতুন যোগ করা বৈশিষ্ট্য যা একটি ইনপুট ক্ষেত্রকে স্বয়ংক্রিয়ভাবে সম্পূর্ণ করতে সক্ষম করে। এটিতে “চালু" এবং “বন্ধ" দুটি মান থাকতে পারে যা স্বয়ংসম্পূর্ণ চালু বা বন্ধ সক্ষম করে। স্বয়ংসম্পূর্ণ বৈশিষ্ট্যের ডিফল্ট মান হল “চালু"।

উদাহরণ:

  1.  action=“action.html" method=“get" autocomplete=“on">  

উদাহরণ:

 
  1.  action=“action.html" method=“get" autocomplete=“off">  

দ্রষ্টব্য: এটি

HTML এনটাইপ অ্যাট্রিবিউট

সার্ভারে ফর্ম জমা দেওয়ার সময় HTML এনকটাইপ অ্যাট্রিবিউট ফর্ম-কন্টেন্টের এনকোডিং ধরনের সংজ্ঞায়িত করে। এনটাইপের সম্ভাব্য মানগুলি হতে পারে:

application/x-www-form-urlencoded: এটি ডিফল্ট এনকোডিং টাইপ যদি এনকটাইপ অ্যাট্রিবিউট ফর্মে অন্তর্ভুক্ত না হয়। ফর্ম জমা দেওয়ার আগে সমস্ত অক্ষর এনকোড করা হয়।

উদাহরণ:

 
  1.  action=“action.html" method=“post" enctype=“application/x-www-form-urlencoded" >  
  • multipart/form-data: এটি কোনো অক্ষর এনকোড করে না। এটি ব্যবহার করা হয় যখন আমাদের ফর্মে ফাইল-আপলোড নিয়ন্ত্রণ থাকে।

উদাহরণ:

 
  1.  action=“action.html" method=“post" enctype=“multipart/form-data">  
  • টেক্সট/প্লেইন (HTML5): এই এনকোডিং টাইপে শুধুমাত্র স্পেস + প্রতীকে এনকোড করা হয় এবং অন্য কোন বিশেষ অক্ষর এনকোড করা হয় না।

উদাহরণ:

 
form action=“action.html" method=“post" enctype=“text/plain" >  

HTML নভোলিডেট অ্যাট্রিবিউট HTML5

novalidate অ্যাট্রিবিউট হল HTML5 এর নতুন যুক্ত করা বুলিয়ান অ্যাট্রিবিউট। যদি আমরা এই বৈশিষ্ট্যটি ফর্মে প্রয়োগ করি তবে এটি কোনও ধরণের বৈধতা সঞ্চালন করে না এবং ফর্ম জমা দেয়।

উদাহরণ:

  1.  action = “action.html" method = “get" novalidate>  

আউটপুট:

Fill the form

novalidate এট্রিবিউট সহ এবং novalidate এট্রিবিউট ছাড়া ফর্মের বিবরণ পরিবর্তন করার চেষ্টা করুন এবং পার্থক্য দেখুন।

HTML এলিমেন্ট অ্যাট্রিবিউট

HTML নামের বৈশিষ্ট্য

HTML নাম বৈশিষ্ট্য একটি ইনপুট উপাদানের নাম সংজ্ঞায়িত করে। আমরা ফর্ম জমা দেওয়ার সময় নাম এবং মান বৈশিষ্ট্য HTTP অনুরোধে অন্তর্ভুক্ত করা হয়।

দ্রষ্টব্য: একজনের নামের বৈশিষ্ট্য বাদ দেওয়া উচিত নয় কারণ আমরা যখন ফর্মটি জমা দিই তখন HTTP অনুরোধে নাম-মান জোড়া উভয়ই অন্তর্ভুক্ত থাকে এবং নাম উপলব্ধ না হলে এটি সেই ইনপুট ক্ষেত্রটি প্রক্রিয়া করবে না।

উদাহরণ:

 
  1. form action = “action.html" method = “get">  
  2.          Enter name:<br><input type=“name" name=“uname"><br>  
  3.          Enter age:<br><input type=“number" name=“age"><br>  
  4.          Enter email:<br><input type=“email"><br>  
  5.          <input type=“submit" value=“Submit">  
  6.       form/>  

আউটপুট

Fill the form

দ্রষ্টব্য: আপনি যদি কোনো ইনপুট ক্ষেত্রে নাম বৈশিষ্ট্য ব্যবহার না করেন, তাহলে ফর্ম জমা দেওয়ার সময় সেই ইনপুট ক্ষেত্রটি জমা দেওয়া হবে না।

সাবমিট-এ ক্লিক করুন এবং URL দেখুন যেখানে HTTP অনুরোধে ইমেল অন্তর্ভুক্ত করা হয়নি কারণ আমরা ইমেল ইনপুট ক্ষেত্রে নাম বৈশিষ্ট্য ব্যবহার করিনি

HTML মান বৈশিষ্ট্য

HTML মান বৈশিষ্ট্য একটি ইনপুট ক্ষেত্রের প্রাথমিক মান বা ডিফল্ট মান নির্ধারণ করে।

উদাহরণ:

  1. >  
  2.         <label>Enter your Namelabel><br>  
  3.         <input type=“text" name=“uname" value=“Enter Name"><br><br>  
  4.         <label>Enter your Email-addresslabel><br>  
  5.         <input type=“text" name=“uname" value=“Enter email"><br><br>  
  6.           <label>Enter your passwordlabel><br>  
  7.         <input type=“password" name=“pass" value=“"><br><br>  
  8.         <input type=“submit" value=“login">  
  9.    form>   

আউটপুট:

Fill the form

দ্রষ্টব্য: পাসওয়ার্ড ইনপুট ক্ষেত্রে মান বৈশিষ্ট্য সবসময় অস্পষ্ট হবে

HTML এর প্রয়োজনীয় বৈশিষ্ট্য HTML5

HTML আবশ্যক একটি বুলিয়ান অ্যাট্রিবিউট যা নির্দিষ্ট করে যে ব্যবহারকারীকে ফর্ম জমা দেওয়ার আগে ফাইলটি পূরণ করতে হবে।

উদাহরণ:

  1. >  
  2.         <label>Enter your Email-addresslabel><br>  
  3.         <input type=“text" name=“uname"/>< required><br><br>  
  4.          <label>Enter your passwordlabel><br>  
  5.         <input type=“password" name=“pass"/><br><br>  
  6.         <input type=“submit" value=“login"/>  
  7.    form>  

আউটপুট:

ফর্ম পূরণ করুন

আপনি যদি ইমেল ক্ষেত্রটি সম্পূর্ণ না করে ফর্মটি জমা দেওয়ার চেষ্টা করেন তবে এটি একটি ত্রুটি পপ আপ দেবে।

HTML অটোফোকাস অ্যাট্রিবিউট HTML5

অটোফোকাস হল একটি বুলিয়ান অ্যাট্রিবিউট যা একটি ওয়েবপেজ লোড হলে স্বয়ংক্রিয়ভাবে ফোকাস করা একটি ক্ষেত্র সক্ষম করে।

উদাহরণ:

  1. >  
  2.         <label>Enter your Email-address/>label><br>  
  3.         <input type=“text" name=“uname" autofocus/><br><br>  
  4.          <label>Enter your password/>label><br>  
  5.         <input type=“password" name=“pass"/><br><br>  
  6.         <input type=“submit" value=“login"/>  
  7.    form>

HTML প্লেসহোল্ডার অ্যাট্রিবিউট HTML5

HTML প্লেসহোল্ডার অ্যাট্রিবিউট HTML 5

স্থানধারক বৈশিষ্ট্য একটি ইনপুট ক্ষেত্রের মধ্যে একটি পাঠ্য নির্দিষ্ট করে যা ব্যবহারকারীকে সেই ফাইলের প্রত্যাশিত ইনপুট সম্পর্কে অবহিত করে।

স্থানধারক বৈশিষ্ট্যটি পাঠ্য, পাসওয়ার্ড, ইমেল এবং URL মানগুলির সাথে ব্যবহার করা যেতে পারে।

যখন ব্যবহারকারী মান প্রবেশ করে, স্থানধারক স্বয়ংক্রিয়ভাবে সরানো হবে।

উদাহরণ:

  1. form>  
  2.         <label>Enter your namelabel><br>  
  3.         <input type=“text" name=“uname" placeholder=“Your name"><br><br>  
  4.             <label>Enter your Email addresslabel><br>  
  5.         <input type=“email" name=“email" placeholder=“example@gmail.com"><br><br>  
  6.             <label>Enter your passwordlabel><br>  
  7.         <input type=“password" name=“pass" placeholder=“your password"><br><br>  
  8.         <input type=“submit" value=“login">  
  9.     form>  

আউটপুট:

Registration form

HTML নিষ্ক্রিয় বৈশিষ্ট্য

HTML নিষ্ক্রিয় বৈশিষ্ট্য প্রয়োগ করা হলে এটি সেই ইনপুট ক্ষেত্রটিকে নিষ্ক্রিয় করে। অক্ষম ক্ষেত্র ব্যবহারকারীকে সেই ক্ষেত্রের সাথে ইন্টারঅ্যাক্ট করার অনুমতি দেয় না।

ফাইল করা নিষ্ক্রিয় ইনপুট ক্লিক ইভেন্ট গ্রহণ করে না, এবং ফর্ম জমা দেওয়ার সময় এই ইনপুট মান সার্ভারে পাঠানো হবে না।

উদাহরণ:

  1.  type=“text" name=“uname" disabled><br><br>  

আউটপুট:

Registration form

HTML আকারের বৈশিষ্ট্য

আকার বৈশিষ্ট্য টাইপ করা অক্ষরগুলিতে ইনপুট ক্ষেত্রের আকার নিয়ন্ত্রণ করে।

উদাহরণ:

  1. <label>Account holder namelabel><br>  
  2.         <input type=“text" name=“uname" size=“40" required><br><br>  
  3.         <label>Account numberlabel><br>  
  4.         <input type=“text" name=“an" size=“30" required><br><br>  
  5.         <label>CVVlabel><br>  
  6.         <input type=“text" name=“cvv"  size=“1" required><br><br>  

আউটপুট:

Registration form with disbaled attribute




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

HTML ফর্ম অ্যাট্রিবিউট একজন ব্যবহারকারীকে ফর্মের বাইরে একটি ইনপুট ক্ষেত্র নির্দিষ্ট করার অনুমতি দেয় কিন্তু প্যারেন্ট ফর্মের অংশ থেকে যায়।

উদাহরণ:

  1. User email: <br><input type=“email" name=“email"  form=“fcontrol"  required><br>  
  2.  <input type=“submit" form=“fcontrol">  

আউটপুট:

User Name:

User password:

The email field is outside the form but still it will remain part of the form

User email:



Leave a Reply