HTML DOM Input Time name प्रॉपर्टी

HTML DOM Input Time name प्रॉपर्टी एक स्ट्रिंग लौटाती है, जो इनपुट टाइम के name एट्रिब्यूट का मान प्रदर्शित करती है। उपयोगकर्ता इसे एक नई स्ट्रिंग पर भी सेट कर सकता है।

सिंटैक्स

निम्नलिखित सिंटैक्स है:

स्ट्रिंग मान प्राप्त करना

inputTimeObject.name

name एट्रिब्यूट को स्ट्रिंग मान पर सेट करना

inputTimeObject.name = 'String'

उदाहरण

आइए Input Time name प्रॉपर्टी का एक उदाहरण देखें:

<!DOCTYPE html> <html> <head> <title>Input Time name</title> <style> 
    form { 
        width:70%; 
        margin: 0 auto; 
        text-align: center; 
    } 
    * { 
        padding: 2px; 
        margin:5px; 
    } 
    input[type="button"] { 
        border-radius: 10px; 
    } 
</style> </head> <body> 
<form> 
    <fieldset> 
        <legend>Time-name</legend> 
        <label for="TimeSelect">Appointment at Stephan:</label> 
        <input type="time" name="Stephan" id="TimeSelect" value="18:00"> 
        <input type="button" onclick="changeMeeting()" value="Confirm"> 
        <input type="button" onclick="changeName()" value="Book at Dorcel's"> 
        <div id="divDisplay"></div> 
    </fieldset> 
</form> 
<script> 
    var labelDisplay = document.getElementsByTagName("label")[0]; 
    var divDisplay = document.getElementById("divDisplay"); 
    var inputTime = document.getElementById("TimeSelect"); 
    function changeMeeting() { 
        if(inputTime.name === 'Stephan') 
            divDisplay.textContent = 'Stephan Hospital is closed today'; 
        else 
            divDisplay.textContent = 'Appointment at Dorcel Hospital fixed at: '+inputTime.value; 
    } 
    function changeName(){ 
        inputTime.name = 'Dorcel'; 
        labelDisplay.textContent = 'Appointment at '+inputTime.name+': '; 
    } 
</script> </body> </html>

आउटपुट

यह निम्नलिखित आउटपुट उत्पन्न करेगा:

'Confirm' बटन पर क्लिक करने के बाद:

HTML DOM Input Time name प्रॉपर्टी

'Book at Dorcel's' बटन पर क्लिक करने के बाद:

HTML DOM Input Time name प्रॉपर्टी

name एट्रिब्यूट को दूसरे नाम पर सेट करके 'Confirm' बटन पर क्लिक करने के बाद:

HTML DOM Input Time name प्रॉपर्टी