HTML DOM Textarea required প্রপার্টি একটি HTML ডকুমেন্টে টেক্সট এরিয়ারের required অ্যাট্রিবিউটের মান রিটার্ন এবং মডিফাই করে।
সিনট্যাক্স
নিচে সিনট্যাক্স দেওয়া হলো:
১. required রিটার্ন করা
object.required
২. required মডিফাই করা
object.required = true | false
HTML DOM Textarea required প্রপার্টির একটি উদাহরণ দেখা যাক:
উদাহরণ
<!DOCTYPE html> <html> <head> <title>DOM Textarea required Property</title> <style> body { text-align: center; } .btn { display: block; margin: 1rem auto; background-color: #db133a; color: #fff; border: 1px solid #db133a; padding: 0.5rem; border-radius: 50px; width: 20%; } .show-message { font-weight: bold; font-size: 1.4rem; color: #ffc107; } </style> </head> <body> <h1>DOM Textarea required প্রপার্টি ডেমো</h1> <form id="form" method="post" action=""> <fieldset> <legend>ফর্ম </legend> <textarea rows="5" cols="20" required placeholder="একটি মেসেজ লিখুন"></textarea> <input type="submit" class="btn" value="ফর্ম সাবমিট করুন" onclick="checkRequired()"> </fieldset> </form> <div class="show-message"></div> <script> function checkRequired() { var textarea = document.querySelector("textarea"); if (textarea.value === "") { document.querySelector(".show-message").innerHTML = "দয়া করে একটি মেসেজ লিখুন!"; } } </script> </body> </html>আউটপুট
টেক্সট এরিয়ার এলিমেন্টে কোনো মেসেজ না লিখে ফর্ম সাবমিট করুন বাটনে ক্লিক করুন।
