Computer >> Máy Tính >  >> Lập trình >> HTML

HTML DOM Input Tên email Thuộc tính

Thuộc tính tên Email đầu vào HTML DOM trả về a, là giá trị của thuộc tính tên của Email đầu vào. Người dùng cũng có thể đặt nó thành một chuỗi mới.

Cú pháp

Sau đây là cú pháp -

  • Giá trị chuỗi trả về
inputEmailObject.name
  • Đặt tên thuộc tính cho một giá trị chuỗi
inputEmailObject.name = ‘String’

Ví dụ

Hãy để chúng tôi xem ví dụ về Tên email nhập tài sản -

<!DOCTYPE html>
<html>
<head>
<title>Input Email 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>Email-name</legend>
<label for="EmailSelect">Employee Email:
<input type="email" id="EmailSelect" value="x.agent@secret.com" name="Shasha-Miller">
</label>
<input type="button" onclick="getName()" value="Who's Email ID is this? ">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputEmail = document.getElementById("EmailSelect");
   function getName() {
      if(inputEmail.value === 'x.agent@secret.com')
         divDisplay.textContent = 'Above Email belongs to '+inputEmail.name;
      else
         divDisplay.textContent = 'Above Email belongs to no one!';
   }
</script>
</body>
</html>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Trước khi nhấp vào ‘Đây là ID email của ai?’ nút -

HTML DOM Input Tên email Thuộc tính

Sau khi nhấp vào ‘Đây là ID email của ai?’ nút -

HTML DOM Input Tên email Thuộc tính