Thuộc tính giá trị URL đầu vào HTML DOM trả về một chuỗi nếu thuộc tính giá trị được xác định cho 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.value
- Đặt thuộc tính giá trị thành một giá trị chuỗi
inputURLObject.value = ‘String’
Ví dụ
Hãy để chúng tôi xem một ví dụ về Giá trị URL đầu vào tài sản -
<!DOCTYPE html>
<html>
<head>
<title>Input URL 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>URL-value</legend>
<label for="URLSelect">URL Id:
<input type="url" id="URLSelect">
<input type="button" onclick="getUserURL('google')" value="Google">
<input type="button" onclick="getUserURL('bing')" value="Bing"><br>
<input type="button" onclick="redirection()" value="Go">
</label>
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
var divDisplay = document.getElementById("divDisplay");
var inputURL = document.getElementById("URLSelect");
function getUserURL(userName) {
if(userName === 'google')
inputURL.value = 'https://www.google.com';
else
inputURL.value = 'https://www.bing.com';
}
function redirection() {
if(inputURL.value !== '')
divDisplay.textContent = 'Redirecting to '+inputURL.value;
else
divDisplay.textContent = 'Enter URL';
}
</script>
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Nhấp vào ‘Go’ nút có trường url trống -
Sau khi nhấp vào ‘Bing’ nút -
Sau khi nhấp vào ‘Bắt đầu’ nút có đặt trường url -
