HTML DOM इनपुट ईमेल वैल्यू प्रॉपर्टी एक स्ट्रिंग लौटाती है, जो इनपुट ईमेल की वैल्यू एट्रिब्यूट है। उपयोगकर्ता इसे एक नई स्ट्रिंग पर भी सेट कर सकता है।
सिंटैक्स
निम्नलिखित वाक्य रचना है -
- स्ट्रिंग मान लौटाना
inputEmailObject.value
- सेटिंग मान एक स्ट्रिंग . के लिए विशेषता मूल्य
inputEmailObject.value = ‘String’
उदाहरण
आइए इनपुट ईमेल मान का एक उदाहरण देखें संपत्ति -
<!DOCTYPE html>
<html>
<head>
<title>Input Email 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>Email-value</legend>
<label for="EmailSelect">Email Id:
<input type="email" id="EmailSelect">
<input type="button" onclick="getUserEmail('david')" value="David">
<input type="button" onclick="getUserEmail('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 inputEmail = document.getElementById("EmailSelect");
function getUserEmail(userName) {
if(userName === 'david')
inputEmail.value = 'davidMiller@MNC.com';
else
inputEmail.value = 'shashaGreen@MNC.com';
}
function login() {
if(inputEmail.value !== '')
divDisplay.textContent = 'Successful Login. Hello '+inputEmail.value.split("@")[0];
else
divDisplay.textContent = 'Enter Email Id';
}
</script>
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट देगा -
'लॉगिन' . पर क्लिक करना खाली ईमेल फ़ील्ड वाला बटन -
'डेविड' . क्लिक करने के बाद बटन -
'लॉगिन' clicking क्लिक करने के बाद ईमेल फ़ील्ड सेट के साथ बटन -
