Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Thuộc tính name của HTML DOM Input Email

Thuộc tính name của đối tượng Input Email lấy hoặc thiết lập tên của trường email (dùng để nhận diện khi submit form).

Cú pháp

Lấy giá trị (chuỗi)

inputEmailObject.name

Thiết lập giá trị

inputEmailObject.name = 'Chuỗi_mới'

Ví dụ minh họa

Xác định chủ sở hữu email qua thuộc tính name:

<!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">Email nhân viên: <input type="email" id="EmailSelect" value="x.agent@secret.com" name="Shasha-Miller"> </label>
    <input type="button" onclick="getName()" value="Email này ai?">
    <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 = 'Email trên thuộc về ' + inputEmail.name;
    else
      divDisplay.textContent = 'Email không thuộc ai!';
  }
</script>
</body>
</html>

Kết quả

Nhấn nút kiểm tra: nếu giá trị email khớp, hiển thị tên từ thuộc tính name ("Shasha-Miller").