HTML DOM Input URL bắt buộc Thuộc tính

Thuộc tính bắt buộc phải đặt URL đầu vào xác định xem URL đầu vào có bắt buộc phải đặt hay không.

Cú pháp

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

Trả về giá trị boolean - true / false

inputURLObject.required

Cài đặt bắt buộc sang booleanValue

inputURLObject.required = booleanValue

Giá trị Boolean

Đây, “booleanValue” có thể như sau -

booleanValue	Chi tiết
Đúng	Bắt buộc phải đặt trường url để gửi biểu mẫu.
Sai	Đây là giá trị mặc định và việc đặt trường url là không bắt buộc.

Ví dụ

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

<!DOCTYPE html>
<html>
<head>
<title>Input URL required</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-required</legend>
<label for="URLSelect">URL:
<input type="url" id="URLSelect" required>
</label><br>
<input type="button" onclick="showMessage()" value="Go">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputURL = document.getElementById("URLSelect");
   function showMessage() {
      if(inputURL.required === true && inputURL.value === '')
         divDisplay.textContent = 'Cannot Redirect: URL is Required';
      else
         divDisplay.textContent = 'Redirecting...';
   }
</script>
</body>
</html>

Đầu ra

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

Nhấp vào ‘Go’ nút -

HTML DOM Input URL bắt buộc Thuộc tính

Sau khi nhấp vào ‘Bắt đầu’ nút có giá trị của tập trường url -

HTML DOM Input URL bắt buộc Thuộc tính