Thuộc tính HTML DOM Textarea bắt buộc trả về và sửa đổi giá trị của thuộc tính bắt buộc của một vùng văn bản trong tài liệu HTML.
Cú pháp
Sau đây là cú pháp -
1. Yêu cầu trả lại
object.required
2. Yêu cầu sửa đổi
object.required = true | false
Hãy để chúng tôi xem một ví dụ về Thuộc tính bắt buộc của HTML DOM Textarea:
Ví dụ
<!DOCTYPE html>
<html>
<head>
<title>DOM Textarea required Property</title>
<style>
body {
text-align: center;
}
.btn {
display: block;
margin: 1rem auto;
background-color: #db133a;
color: #fff;
border: 1px solid #db133a;
padding: 0.5rem;
border-radius: 50px;
width: 20%;
}
.show-message {
font-weight: bold;
font-size: 1.4rem;
color: #ffc107;
}
</style>
</head>
<body>
<h1>DOM Textarea required Property Demo</h1>
<form id="form" method="post" action="">
<fieldset>
<legend>Form </legend>
<textarea rows="5" cols="20" required placeholder="Enter a message"></textarea>
<input type="submit" class="btn" value="Submit Form" onclick="checkRequired()">
</fieldset>
</form>
<div class="show-message"></div>
<script>
function checkRequired() {
var textarea = document.querySelector("textarea");
if (textarea.value === "") {
document.querySelector(".show-message").innerHTML = "Please enter a message!";
}
}
</script>
</body>
</html> Đầu ra
Nhấp vào “ Gửi biểu mẫu ”Mà không cần nhập bất kỳ thông báo nào vào phần tử textarea.
