HTML-এ <textarea> এলিমেন্টের required অ্যাট্রিবিউট ভিজিটরদের জানাতে ব্যবহৃত হয় যে এই টেক্সটএরিয়া ফিল্ডটি ফর্ম সাবমিট করার আগে পূরণ করতে হবে। যদি কোনো ভিজিটর টেক্সটএরিয়া পূরণ না করেই সাবমিটে ক্লিক করে, যেটির required অ্যাট্রিবিউট আছে, তবে ফর্ম সাবমিট হবে না।
সিনট্যাক্স নিচের মতো:
<textarea required>
আইএ এখন <textarea> এলিমেন্টের required অ্যাট্রিবিউট ইমপ্লিমেন্ট করার একটি উদাহরণ দেখি:
উদাহরণ
<!DOCTYPE html> <html> <body> <h2>Subject-wise rank</h2> <form action=""> <label for="stinfo">Student:</label> <input type="text" id ="stinfo"><br> <label for="sub">Subject:</label> <input type="text"><br> <label for="rank">Rank:</label> <input type="number"><br> <label for="marks">Marks:</label> <input type="number"><br> <label for="remark">Remarks</label><br> <textarea rows="6" cols="70" required></textarea><br> <input type="submit"> </form> </body> </html>
আউটপুট
উপরের উদাহরণে, আমাদের একটি ফর্ম আছে ফিল্ডস এবং একটি বাটন के সাথে:
<form action=""> <label for="stinfo">Student:</label> <input type="text" id ="stinfo"><br> <label for="sub">Subject:</label> <input type="text"><br> <label for="rank">Rank:</label> <input type="number"><br> <label for="marks">Marks:</label> <input type="number"><br> <label for="remark">Remarks</label><br> <textarea rows="6" cols="70" required></textarea><br> <input type="submit"> </form>
আমরা একটি টেক্সটএরিয়া সেট করেছি এবং এটি required হিসেবে সেট করেছি, তাই যদি ফর্মটি টেক্সটএরিয়া পূরণ না করেই সাবমিট করা হয়, তবে একটি ওয়ার্নিং মেসেজ দেখা যাবে। টেক্সটএরিয়া খালি থাকলে ফর্ম সাবমিট হবে না:
<textarea rows="6" cols="70" required></textarea>
