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

HTML DOM Input Text type प्रॉपर्टी इनपुट टेक्स्ट के प्रकार को प्राप्त/सेट करती है।

सिंटैक्स

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

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

inputTextObject.type

type को स्ट्रिंग मान पर सेट करना

inputTextObject.type = stringValue

स्ट्रिंग मान (String Values)

यहां "stringValue" निम्नलिखित हो सकते हैं:

stringValue	विवरण
email	यह परिभाषित करता है कि इनपुट प्रकार ईमेल है
text	यह परिभाषित करता है कि इनपुट प्रकार टेक्स्ट है
radio	यह परिभाषित करता है कि इनपुट प्रकार रेडियो है
tel	यह परिभाषित करता है कि इनपुट प्रकार tel है और इनपुट के लिए नंबर कीपैड दिखाया जाता है

उदाहरण

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

<!DOCTYPE html> <html> <head> <title>Input Text type</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-type</legend> 
        <label for="TextSelect"></label> 
        <input type="text" id="TextSelect" > 
        <input type="button" onclick="getTypeOfInput()" value="What to enter?"> 
    </fieldset> 
</form> 
<script> 
    var labelSelect = document.querySelector("label"); 
    var inputText = document.getElementById("TextSelect"); 
    function getTypeOfInput() { 
        labelSelect.innerHTML = ' Plain '+inputText.type+': '; 
    } 
</script> </body> </html>

आउटपुट

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

'What to enter?' बटन पर क्लिक करने से पहले:

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

'What to enter?' बटन पर क्लिक करने के बाद:

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