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

HTML DOM Tên URL đầu vào Thuộc tính

Thuộc tính tên URL đầu vào HTML DOM trả về một chuỗi, là giá trị của thuộc tính tên của URL đầ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ề
inputURLObject.name
  • Đặt tên thuộc tính cho một giá trị chuỗi
inputURLObject.name = ‘String’

Ví dụ

Hãy để chúng tôi xem ví dụ về Tên URL đầu vào tài sản -

<!DOCTYPE html>
<html>
<head>
<title>Input URL 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>URL-name</legend>
<label for="URLSelect">Employee URL:
<input type="url" id="URLSelect" value="https://www.example.com" name="Jack">
</label>
<input type="button" onclick="getName()" value="Who is the Owner? ">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputURL = document.getElementById("URLSelect");
   function getName() {
      if(inputURL.value === 'https://www.example.com')
         divDisplay.textContent = 'Above URL belongs to '+inputURL.name;
      else
         divDisplay.textContent = 'Above URL 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 ‘Ai là chủ sở hữu?’ nút -

HTML DOM Tên URL đầu vào Thuộc tính

Sau khi nhấp vào ‘Ai là chủ sở hữu?’ nút -

HTML DOM Tên URL đầu vào Thuộc tính