HTML DOM इनपुट टेक्स्ट वैल्यू प्रॉपर्टी एक स्ट्रिंग लौटाती है, जो इनपुट टेक्स्ट की वैल्यू एट्रिब्यूट का मान है। उपयोगकर्ता इसे एक नई स्ट्रिंग पर भी सेट कर सकता है।
सिंटैक्स
निम्नलिखित वाक्य रचना है -
- स्ट्रिंग मान लौटाना
inputTextObject.value
- मान विशेषता को स्ट्रिंग पर सेट करना मूल्य
inputTextObject.value = ‘String’
उदाहरण
आइए हम इनपुट टेक्स्ट मान का एक उदाहरण देखें संपत्ति -
<!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> आउटपुट
यह निम्नलिखित आउटपुट देगा -
'लॉगिन' . पर क्लिक करना खाली ईमेल फ़ील्ड वाला बटन -
'डेविड' . क्लिक करने के बाद बटन -
‘लॉगिन’ clicking क्लिक करने के बाद ईमेल फ़ील्ड सेट वाला बटन -
