HTML DOM Input Text value प्रॉपर्टी

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

सिंटैक्स

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

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

inputTextObject.value

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

inputTextObject.value = 'String'

उदाहरण

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

<!DOCTYPE html> <html> <head> <title>Input Text value</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>Text-value</legend> 
        <label for="TextSelect">Full Name: <input type="Text" id="TextSelect"> <input type="button" onclick="getUserText('david')" value="David"> <input type="button" onclick="getUserText('shasha')" value="Shasha"><br> 
        <input type="button" onclick="login()" value="Login"> 
        </label> 
        <div id="divDisplay"></div> 
    </fieldset> 
</form> 
<script> 
    var divDisplay = document.getElementById("divDisplay"); 
    var inputText = document.getElementById("TextSelect"); 
    function getUserText(userName) { 
        if(userName === 'david') 
            inputText.value = 'David Miller'; 
        else 
            inputText.value = 'Shasha Green'; 
    } 
    function login() { 
        if(inputText.value !== '') 
            divDisplay.textContent = 'Welcome '+inputText.value.split("@")[0]; 
        else 
            divDisplay.textContent = 'Enter Valid Text'; 
    } 
</script> </body> </html>

आउटपुट

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

खाली ईमेल फ़ील्ड के साथ 'Login' बटन पर क्लिक करने पर:

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

ईमेल फ़ील्ड सेट होने के बाद 'Login' बटन पर क्लिक करने पर: