परिचय
HTML DOM Textarea required प्रॉपर्टी HTML दस्तावेज़ में टेक्स्ट एरिया के required एट्रिब्यूट का मान लौटाती है या संशोधित करती है। यह निर्दिष्ट करता है कि फॉर्म सबमिट करने से पहले टेक्स्ट एरिया भरना अनिवार्य है या नहीं।
सिंटैक्स
1. required मान प्राप्त करना
object.required
2. required मान सेट करना
object.required = true | false
उदाहरण
इस उदाहरण में एक फॉर्म है जिसमें required एट्रिब्यूट वाला टेक्स्ट एरिया है। जब उपयोगकर्ता बिना कुछ दर्ज किए "Submit Form" बटन पर क्लिक करता है, तो ब्राउज़र डिफ़ॉल्ट वैलिडेशन संदेश दिखाता है।
<!DOCTYPE html>
<html>
<head>
<title>DOM Textarea required प्रॉपर्टी</title>
<style>
body {
text-align: center;
font-family: Arial, sans-serif;
padding: 20px;
}
.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;
margin-top: 1rem;
}
</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="फॉर्म सबमिट करें">
</fieldset>
</form>
<div class="show-message"></div>
</body>
</html>
आउटपुट
जब उपयोगकर्ता टेक्स्ट एरिया में कुछ दर्ज किए बिना "फॉर्म सबमिट करें" बटन पर क्लिक करता है, तो ब्राउज़र स्वचालित रूप से "कृपया इस फ़ील्ड को भरें" जैसा वैलिडेशन संदेश दिखाता है।
महत्वपूर्ण बिंदु
requiredएक बूलियन एट्रिब्यूट है - इसकी उपस्थिति ही इसेtrueबनाती है- JavaScript के माध्यम से इसे
trueयाfalseसेट किया जा सकता है - यह क्लाइंट-साइड वैलिडेशन के लिए उपयोगी है
- सर्वर-साइड वैलिडेशन अभी भी आवश्यक है
ब्राउज़र समर्थन
HTML5 समर्थन वाले सभी आधुनिक ब्राउज़रों में कार्य करता है।
