HTML DOM इनपुट रीसेट ऑब्जेक्ट "रीसेट" प्रकार के साथ <इनपुट> तत्व से जुड़ा है। हम createElement () और getElementById () विधि का उपयोग करके क्रमशः रीसेट प्रकार के साथ एक इनपुट तत्व बना और एक्सेस कर सकते हैं।
गुण
इनपुट रीसेट ऑब्जेक्ट के लिए निम्नलिखित गुण हैं -
| संपत्ति | विवरण |
|---|---|
| ऑटोफोकस | यह सेट करने या वापस करने के लिए कि पेज लोड होने पर रीसेट बटन को स्वचालित रूप से फोकस करना चाहिए या नहीं। |
| डिफ़ॉल्ट मान | रीसेट बटन का डिफ़ॉल्ट मान सेट करने या वापस करने के लिए। |
| अक्षम | सेट करने या वापस लौटने के लिए यदि रीसेट बटन अक्षम कर दिया गया है, या नहीं। |
| फ़ॉर्म | रीसेट बटन वाले फ़ॉर्म का संदर्भ वापस करने के लिए। |
| नाम | रीसेट बटन का नाम विशेषता मान सेट करने या वापस करने के लिए। |
| टाइप करें | रीसेट बटन के लिए प्रपत्र तत्व प्रकार वापस करने के लिए। |
| मान | स्लाइडर नियंत्रण के मान विशेषता मान को सेट या वापस करने के लिए। |
उदाहरण
आइए इनपुट रीसेट ऑब्जेक्ट के लिए एक उदाहरण देखें -
<!DOCTYPE html>
<html>
<head>
<script>
function resetCreate() {
var Res = document.createElement("INPUT");
Res.setAttribute("type", "reset");
document.body.appendChild(Res);
}
</script>
</head>
<body>
<h1>Input Reset object</h1>
<p>Create an input field with type reset by clicking the below button</p>
<button onclick="resetCreate()">CREATE</button>
<br><br>
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट देगा -
क्रिएट बटन पर क्लिक करने पर -
उपरोक्त उदाहरण में -
हमने एक बटन बनाया है जो उपयोगकर्ता द्वारा क्लिक किए जाने पर रीसेटक्रिएट () विधि को निष्पादित करेगा -
<button onclick="resetCreate()">CREATE</button>
रीसेटक्रिएट () विधि पैरामीटर के रूप में "इनपुट" पास करके <इनपुट> तत्व बनाने के लिए दस्तावेज़ ऑब्जेक्ट की createElement() विधि का उपयोग करती है। नव निर्मित इनपुट तत्व को वेरिएबल Res को सौंपा गया है और setAttribute() विधि का उपयोग करके हम मान रीसेट के साथ एक प्रकार की विशेषता बनाते हैं।
याद रखें, setAttribute () विशेषता बनाता है और फिर मान निर्दिष्ट करता है यदि विशेषता पहले से मौजूद नहीं है। अंत में दस्तावेज़ बॉडी पर एपेंड चाइल्ड () विधि का उपयोग करते हुए, हम इनपुट तत्व को शरीर के बच्चे के रूप में रीसेट प्रकार के साथ जोड़ते हैं -
function resetCreate() {
var Res = document.createElement("INPUT");
Res.setAttribute("type", "reset");
document.body.appendChild(Res);
}