Thuộc tính Giá trị văn bản đầu vào của HTML DOM trả về một chuỗi, là giá trị của thuộc tính giá trị của Văn bản đầ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ề
inputTextObject.value
- Đặt thuộc tính giá trị thành chuỗi giá trị
inputTextObject.value = ‘String’
Ví dụ
Hãy để chúng tôi xem ví dụ về Giá trị văn bản đầu vào tài sản -
<!DOCTYPE html>
<html>
<head>
<title>Input Text 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>Text-value</legend>
<label for="TextSelect">Full Name:
<input type="Text" id="TextSelect">
<input type="button" onclick="getUserText('david')" value="David">
<input type="button" onclick="getUserText('shasha')" value="Shasha"><br>
<input type="button" onclick="login()" value="Login">
</label>
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
var divDisplay = document.getElementById("divDisplay");
var inputText = document.getElementById("TextSelect");
function getUserText(userName) {
if(userName === 'david')
inputText.value = 'David Miller';
else
inputText.value = 'Shasha Green';
}
function login() {
if(inputText.value !== '')
divDisplay.textContent = 'Welcome '+inputText.value.split("@")[0];
else
divDisplay.textContent = 'Enter Valid Text';
}
</script>
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Nhấp vào ‘Đăng nhập’ nút có trường email trống -
Sau khi nhấp vào ‘David’ nút -
Sau khi nhấp vào ‘Đăng nhập’ nút có đặt trường email -
