एचटीएमएल डोम इनपुट रेडियो फॉर्म प्रॉपर्टी का उपयोग फॉर्म संदर्भ को वापस करने के लिए किया जाता है जिसमें दिए गए इनपुट रेडियो बटन होते हैं। यदि रेडियो बटन फॉर्म के बाहर है तो यह केवल न्यूल लौटाएगा। यह संपत्ति केवल पढ़ने के लिए है।
सिंटैक्स
इनपुट रेडियो फॉर्म प्रॉपर्टी के लिए सिंटैक्स निम्नलिखित है -
radioObject.form
उदाहरण
आइए इनपुट रेडियो फॉर्म प्रॉपर्टी के लिए एक उदाहरण देखें।
<!DOCTYPE html>
<html>
<body>
<h1>Input radio form Property</h1>
<form id="FORM1">
FRUIT:
<input type="radio" name="fruits" id="Mango">Mango
</form>
<p>Get the form id by clicking on the below button</p>
<button type="button" onclick="formId()">GET FORM</button>
<p id="Sample"></p>
<script>
function formId() {
var P=document.getElementById("Mango").form.id;
document.getElementById("Sample").innerHTML = "The id of the form containing the radio
button is: "+P ;
}
</script>
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट देगा -
फॉर्म प्राप्त करें बटन पर क्लिक करने पर -
उपरोक्त उदाहरण में -
हमने पहले एक फॉर्म के अंदर टाइप ="रेडियो", नाम ="फल", आईडी ="मैंगो" के साथ एक इनपुट तत्व बनाया है। प्रपत्र में आईडी विशेषता मान "FORM1" पर सेट है -
<form id=”FORM1”> FRUIT: <input type="radio" name="fruits" id="Mango">Mango </form>
फिर हमने एक बटन GET FORM बनाया है जो उपयोगकर्ता द्वारा क्लिक किए जाने पर formId () विधि को निष्पादित करेगा -
<button type="button" onclick="formId()">GET FORM</button>
फॉर्मआईड () विधि टाइप रेडियो के साथ इनपुट फ़ील्ड प्राप्त करने के लिए getElementById () विधि का उपयोग करती है और फॉर्म ऑब्जेक्ट की आईडी प्रॉपर्टी प्राप्त करती है जिसमें रेडियो बटन होता है। इसके बाद यह इस मान को वेरिएबल P को असाइन करता है और अपनी आंतरिक HTML संपत्ति का उपयोग करके "नमूना" आईडी के साथ पैराग्राफ में प्रदर्शित करता है -
function formId() {
var P=document.getElementById("Mango").form.id;
document.getElementById("Sample").innerHTML = "The id of the form containing the password field is: "+P ;
}